MovableType/WordPressに公式ツイートボタン(twitter)を設置する

最近のブログには、Twitterの公式「ツイートボタン」が設置されている例が多くなりました。これがあると簡単にブログ記事をツイートできるようになり、知恵袋などでも設置されています。今さらながらとはいえ、これを設置してみます。

公式ツイート設定ページ

※Twitterに参加していない人は、先に登録を行っておいて下さい。

ボタンの種類は3種類あり、1.垂直方向にカウント数を表示。2.水平方向にカウント数を表示。3.カウント数の表示なしから選択できます。

ボタンの種類は3つから選択

ツイートボタンを押してツイートするページがブログ記事やウェブページである場合は、デフォルトの「ボタンが表示されるページのタイトル」のままとします。通常はブログ記事やウェブページをツイートしてもらうわけなので、特に変更の必要はありません。

ツイート内テキストの設定

URLの設定も「ツイート内テキスト」と同様で、ツイートするページがブログ記事やウェブページである場合は、デフォルトの「ボタンが表示されるページのタイトル」のままとします。通常はブログ記事やウェブページをツイートしてもらうわけなので、特に変更の必要はありません。

URLの設定

もし、メインページや月別ページ、カテゴリページなど、1つのページに複数記事が表示されているページにツイートボタンを(記事毎に)貼り付ける場合は、テキストフィールド内に次の内容を記述します。

WordPressの場合

<?php the_permalink(); ?>

MovableTypeの場合

<$mt:EntryPermalink$>

この設定は、「ツイート内テキスト」/「URL」両方行います。

表示するブログで使用する言語を選択します。通常は「日本語」を選択しますが、他の言語を設定することもできます。

言語の選択

ツイートボタンを押した後に、フォロワーになってもらえるようにユーザー名を設定します。これは、自分のアカウントを含めることができます。また、関連アカウントやパートナーも含めることができます。ここでは筆者のユーザー名を埋め込んでいます。

フォローするユーザーの設定

表示されているツイートボタンを押したときに表示される別ウィンドウ表示の画面です。このように設定することでフォロワーを増やす機会が得られるという仕組みです。

ツイートボタンを押したときに表示される別ウィンドウ画面

設定を行うと、以下のようにソースが生成されますから、それをブログ記事の表示させたい部分に貼り付けます。

ソースが生成される

MovableTypeの場合は、例えば「twitter」というテンプレートモジュールを作り、これを

<mt:include module="twitter" />

というタグで、「ブログ記事の詳細」モジュール内の表示させたい位置に埋め込めばよいです。

※参考ページ

WordPress/Movable Typeに公式ツイートボタンを設置する: 小粋空間

Twitterの公式ツイートボタンを(X)HTML validにする方法: 小粋空間:

トラックバックURL

このエントリーのトラックバックURL:
http://makky.s32.coreserver.jp/mt51/mt-tb.cgi/1660