Twitterのシェアボタンの埋め込み方(備忘録)

ここにアクセス
https://publish.twitter.com/#

「または以下のオプションを参照してください」の下へスクロール「Twitterボタン」をクリック。

「使用するボタンを選択します」から「共有ボタン」をクリック。

「カスタマイズオプションを設定する」をクリック
必要に応じてカスタマイズ

・「ツイートのテキストを事前入力しますか？」
ツイートに表示させたい文章を入力
（ブログタイトル＋記事タイトル等→今回は「ブログ『とっ散らかった人生を片づけよう！』Twitterシェアボタンの埋め込み方」と入力）
・「ツイートに特定のURLを設定しますか？」
このTwitterボタンを設置した記事ページのURLを表示したいので「自動」のまま。
・「このツイートにスクリーン名を含めますか？」
自分のTwitterアカウント「@okatazukelife」を入力
・「ツイートにハッシュタグを設定しますか？」
ツイートに表示させたいタグを入力
（今回は「#片づけ」と入力）
・「アカウントを推奨しますか？」
ツイート後に表示させたいツイッターアカウントを入力
（今回はこんまりさんのアカウント「konmari_jp」を入力）
・「ボタンをどのように表示しますか？」
大きいボタンを設置したかったらチェック。
・「これをどの言語で表示しますか？」
こだわりがなければ「自動」のまま。

「更新」をクリック。

「コードをコピー」をクリック。

Twitterボタンを設置したい記事をhtml編集にして、コピーされたタグをペースト。

今回コピーされたタグはコチラ
<a href=”https://twitter.com/share?ref_src=twsrc%5Etfw” class=”twitter-share-button” data-size=”large” data-text=”ブログ『とっ散らかった人生を片づけよう！』Twitterシェアボタンの埋め込み方” data-via=”okatazukelife” data-hashtags=”片づけ” data-related=”konmari_jp ” data-show-count=”false”>Tweet</a><script async src=”https://platform.twitter.com/widgets.js” charset=”utf-8″></script>

これをhtmlとして投稿すればTwitterシェアボタン設置完了

Tweet