かなりの長期間に渡って運用している当ブログ(BLOGNPLUS使用)ですが
昨今の時流にのって、Twitter連動とFaceBook「いいね!」ボタン設置にトライしてみました。
1.ツイートボタンの設置
ツイートボタンの活用の為に「タグ拡張モジュール」を使います。
なぜ使う必要があるのかは良く判りません。
だれか教えて・・・
そして今回は「Twitter > 素材 > ツイートボタン」で生成されたコードを使います。
http://twitter.com/about/resources/tweetbutton
画面に従って必要項目を入力したあと、「コードのプレビューを見る」コメント付近にある
ツイートボタンを押してコードを生成します。
ポイントは、
URLを共有⇒{LOGURL}
とすることで、記事のURLがつぶやかれます。
あとは、
ツイート内テキスト⇒{XT_LOG_ETITLE}:{XT_LOG_TWEET}
とすると、記事タイトル+記事本文の先頭から20文字分がつぶやかれます。
はずのようです。
すいません。我が家はうまく動いてません。
どーしても、記事タイトル+記事本文の先頭から20文字のつぶやきが上手くできないようです。
現在調査中
そしてコード生成するのですが、
HTMLは当初の記述から変わりません。何度も試してみたのですが変化しないので
試しにコピペしてみると、ちゃんと貼り付けられました。
これをSKINファイルの{COMMENT}もしくは{LOGMORE}タグの上に記述するとOKです。
2.「いいね!」ボタンの設置
手順はツイッターとほぼ同じ、Facebook開発者ページのソーシャルプラグイン「Like Buttonページ」を
Webブラウザで開きます。「いいね!」は英語の「Like」を日本語にしたもので同じものです。
「Get Code」ボタンを押すとHTMLファイルが生成されます。2つできるので、それぞれ指定されている
箇所に記述します。
ポイントは、
data-href=の後をウェブのurlにしてしまうと個別記事の単位で「いいね!」ボタンが設置できません。
(設置できてもウエブ全体のリンクになってしまいます)
BLOGNPLUSの場合は、ツイッターと同じように”{LOGURL}”を記入すると個別記事にボタンが設置できます。


