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
https://onemorelightlb.blogspot.com/2018/10/how-to-get-twitter-cards-with-blogger.html
(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
https://business.twitter.com/en/help/campaign-setup/creative-ad-specifications.html

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

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

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

F(uriouz)

欲しいものリスト / 優先度の高いほしいものリスト / ☕を奢る
Donate 寄付 カンパ サポート 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."