2018年4月20日金曜日

[Blogger]埋め込みTweetをする方法(Twitter Card)

「TweetをBloggerに埋め込む方法」ではなくて、「Bloggerの記事を埋め込んでTweetする方法」です。

要するにこのような Tweet をする方法です。
※Twitter Card と言います。


手順1.HTML の編集(mta タグの追加)

Blogger の管理ページで HTML の編集をします。
手順は「テーマ」ー「HTML」の編集です。

そして <head> と </head> の間に以下の記述を書き込みます。

<!-- Twitter card -->
<meta name="twitter:card" content="summary" />

※</head>を検索して、その真上に書き込むのが無難です。
※content="summary_large_image" とすると大きなイメージ画像にすることができます。

記述はこれだけです。


手順2. Twitter Validator で確認

Twitter 側での手順になります。

  • Twitter Validator を開き、ブログの URL を入力して Preview します。

これで希望通りの画面が出れば検証OKです。


手順3.テストツイート

テストツイートをして、正しくツイッターカードが表示されるかテストします。

注意点
・数分時間がかかります。
・meta タグを設定した以降のツイートが有効です。つまり過去のツイートはそのままで反映はされません。

Blogger Tips のページに戻る


0 件のコメント:

コメントを投稿