2019年6月3日月曜日

[Blogger]Twitter Cards に対応させる


おねがいTwitter

<meta content='summary_large_image' name='twitter:card'/>
<meta content='@username' name='twitter:site'/>
<meta content='@username' name='twitter:creator'/>
<meta content='www.yoursite.com' name='twitter:domain'/>
<meta expr:content='data:post.firstImageUrl' name='twitter:image:src'/>
<meta expr:content='data:post.title' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='twitter:description'/>
</b:if>
<meta expr:content='data:post.sharePostUrl' name='twitter:url'/>

How to Get Twitter Cards with Blogger / Blogspot Blogs - OneMoreLightLB (OCTOBER 27, 2018)

上のページ(等)を参考にしてみたのですが
そのままでは動かない

<meta content='summary_large_image' name='twitter:card'/>
<meta content='@03kustom' name='twitter:site'/>
<meta content='@03kustom' name='twitter:creator'/>
<meta content='furiouzps.blogspot.com' name='twitter:domain'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZJ0s60Iy9rG9y6VsXko_9aUngGfTpePis8sUX7nBMSGeda0XmCTtnemmxnuGv0ah_yh7LM8AXBtCbRID8mdkY2ufLvyR-Z34f2rxAfF1sbmI967D7w95wcQf9l98YyWNDBt0VcSuZNBJh/s1600/no_thumb2.jpg' name='twitter:image'/>
</b:if>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<meta expr:content='data:post.sharePostUrl' name='twitter:url'/>

こんな感じに (</head>上に追加)

Twitterのアカウント名の部分はまぁ要らないと思うのですが
これ@必要なのかね?
追記
必要です

Card Validator | Twitter Developers
https://cards-dev.twitter.com/validator で確認
(要Twitterログイン)

ブログトップ
とりあえずこのブログのサムネイル無しの画像を指定しました
まぁサイズが小さくて汚いので変更するかも
(一応、ブログで設定しているのは元が汚ないので2回修正を加えていて、オリジナルのテンプレートで設定されているものとは異なる)
追記
Twitter Cardを 1200x630 で新調しました

2021/10/20追記

Standalone Image Ads

Image size: 1200 x 1200 pixels is recommended for 1:1 aspect ratio. 1200 x 628 pixels is recommended for 1.91:1 aspect ratio.

Twitter Ads creative specs

Twitterで推奨されているのは 1200 x 628 ピクセル ですが
Facebookの推奨が 1200 x 630 ピクセル以上 なので、そちらに合わせた方が良いです

画像がある記事
個別記事では記事タイトルのみ表示

画像のサイズに悩みそうな場合
<meta content='summary' name='twitter:card'/>
にします

F(uriouz)

欲しいものリスト
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comments:

コメントを投稿

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."