ソーシャルボタンを設置しなおす

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

Twitterのボタンがいつの頃からか表示されなくなってしまったし、Facebookのいいねボタンも動きが気になるので、この際設置し直すことにする。

●Twitter
Twitterボタン | About

ボタンを選択:リンクを共有する
・URLを共有:<$mt:EntryPermalink$>
・ツイート本文:<$mt:EntryTitle$>
・ユーザー:Twitterアカウント(未入力でもいい)
・推奨:(未入力でいい)
・ハッシュタグ:(未入力でいい)
・言語設定:Japanese - 日本語

生成されたコードを貼り付ければOKのはずだが、jsが干渉しているせいなのかこのままではどうやってもボタンとして表示されない。そこでFacebookにならってIFrameで実装することにする。以下のコードを基本形として編集。

<iframe allowtransparency="true" frameborder="0" scrolling="no" style="width:130px; height:20px;" src="http://platform.twitter.com/widgets/tweet_button.html?&amp;lang=ja"></iframe>

Tweet ボタンをiframe を使って設置する
twitterのボタンをiframeを使って埋め込む方法

●Facebook
facebook for developers

・「いいね!」するURL:
記事毎に設定する場合は、ここに「<$mt:EntryPermalink$>」を入力するのだが、コード生成時に<>がエスケープされてしまうので、適当な文字を入れてコード生成後に修正する。
・Width:(未入力でいい)
・レイアウト:button_count
・アクションタイプ:like
・ボタンサイズ:small
・友達の顔を表示する→チェックを外す
・シェアボタンを追加→チェックを外す

IFrameのコードを取得
作成したコードの「href=http%3A%2F%2Fwww.ta-kumi.net%2Fblog%2F」を「href=<$mt:EntryPermalink$>」に書き換える。

参考:「いいね!」ボタンの挙動
Facebookにログインしていない場合の「いいね!」ボタンやコメントボックスについて

トラックバック(0)

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

コメントする

          

月別 アーカイブ

ここから主宰者にメッセージを送ることができます。ご意見、お問い合わせなど、お気軽にどうぞ。

Twilog
Powered by Movable Type 6.3.2
Status Entry : 921
Comment : 3  Trackback : 0
Today:today  Yesterday:yesterday
Total : total count
ネットバンク 定期預金
インターネットバンキング