「ツィートボタン」をブログに設置する方法

  • LINEで送る

Twitter の「ツイートボタン」と「フォローボタン」をブログに設置する方法

  • Twitter の公式サイトから「ツイートボタン」と「フォローボタン」のソースコードを取得する
  • ブログに取得したソースコードを設定する
  • 「ツイートボタン」と「フォローボタン」がブログに設定されている事を確認する
  • 「ツイートボタン」と「フォローボタン」の最適な配置場所を確認する

「ツイートボタン」のソースコードを取得する

Twitter 公式サイトの「ツイートボタン」のソースコード取得ページにアクセス

ページにアクセスしたら、ボタンの種類を選択してください。

 

ボタンを選択 : 「リンクを共有する(ツイート)」ボタンを選択

Twitter-tweet button

 

ボタンのオプション : 各項目を設定する

Twitterボタンoption

  • URL を共有    : 「ページの URL を使う」にチェックを入れる。
  • ツイート本文  : 「ページのタイトルを使う」にチェックを入れる。
  • ユーザー    : Twitter アカウントのユーザーID を設定する。
  • 推奨      : 空欄のまま
  • ハッシュタグ  : ツイート内容にハッシュタグを入れたい場合に設定する。
  • 「ボタン(大)」: チェックなしで普通サイズ、チェックを入れると大きいサイズ。「コードのプレビューを見る」で確認できる。
  • 「カスタマイズされたTwitterからオプトアウト」
  • 言語設定    : 「Automatic」または「日本語」を設定する。

 

コードのプレビューを見る : リンク(ツイート)ボタンのプレビュー画面および、ソースコードをコピーし、サイトにペーストして下さい。

Twitter-linkbutton-settings

以上で、「ツイート(リンク共有)ボタン」の設定の方法です。

 

「フォローボタン」のソースコードを取得する

ボタンを選択 : 「フォローボタン」を選択

Twitter-followbutton

 

ボタンのオプション : 各項目を設定する

Twitter-followbutton-sttings

 

 

Twitter-followbutton-settings

「フォローボタン」の設定も、「ツィートボタン」と基本的には同じですので、割愛させていただきます。

  • LINEで送る

SNSでもご購読できます。