ソーシャルボタンを設置する

10月1日にTwitter、先週Facebookに登録したのを機に、このブログにもソーシャル系への投稿ボタンを取り付けることにした。以下設置方法のメモ。

1. コードの取得
●Twitter
Twitter / ツイートボタン
・「水平方向にカウント数を表示」を選択。
・1つのページに複数の記事が表示されている場合は、
ツイート内テキストに<$mt:EntryTitle$>を、
URLに<$mt:EntryPermalink$>を入力、
言語選択に日本語を選択する。
これによりブログ記事のタイトルがツイートに表示されるようになる。
・Twitterアカウントを②の1に記入。

●Facebook
Like Button - Facebook開発者
・URL to Like
各記事に設定する場合は、ここに「<mt:EntryPermalink>」を入力するのだが、コード生成時に<>がエスケープされてしまうので、適当な文字を入れてコード生成後に修正する。
・Send Buttonのチェックを外す。
・Layout Styleの「button_count」を選択。
・Width
「button_count」の最低限必要な横幅は90px。ただしそれだと数字部分の右端が切れるため96pxにする。
・Show Facesのチェックを外す（ユーザーアイコンが表示されるので）。
・Verb to displayの「Like（いいね）」を選択。
・Color Schemeの「light」を選択。
・Fontは日本語表記の場合どれでも関係ない。
・IFRAMEのコードを取得。

以下に詳しい説明あり。
http://128bit.blog41.fc2.com/blog-entry-252.html

2. コードの貼り付け
取得したコードはそのままテンプレートに貼り付けてもいいが、テンプレートモジュールを作成してインクルードしたほうが管理がラク。

張り付け場所は
「ブログ記事の概要」
<$mt:Include module="ソーシャルボタン"$>
    </div>
    <div class="asset-footer"></div>

「ブログ記事」
<$mt:Include module="ソーシャルボタン"$>
                                </div>
                                <div class="asset-footer">
<mt:IfArchiveTypeEnabled archive_type="Category">