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

| コメント(0) | トラックバック(0)

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">

トラックバック(0)

トラックバックURL: https://www.ta-kumi.net/mt/mt-tb.cgi/275

コメントする

          

月別 アーカイブ

Twilog
Powered by Movable Type 7.902.0
Status Entry : 1145
Comment : 3  Trackback : 0
Today:today  Yesterday:yesterday
Total : total count