MovableTypeでfacebookの「いいね!」ボタン設置

なんかfacebookがすごいことになってます。
私は2009年11月にアカウントを作ったんですが、どう使ったらいいのか分からず完全放置(^_^;
それが、5月に入ってからもの凄い勢いで友達が増えて、最近ではfacebookを見ている時間が一番長いです。

facebookとブログを両方やっていると、facebookの「いいね!」ボタンをブログに設置すると、ブログのアクセスアップにつながるかもしれません。
せっかく時間をかけてブログを書くんですから、読んでくれる人は多いに越したことはないですね。

アメブロのようなレンタルブログと比べて、MovableTypeには比較的簡単に「いいね!」ボタンを設置できます。


以下はその設置方法です


まずは、こちらのページにアクセスします

Like Button - Facebook開発者

この画面でボタンのカスタマイズを行います

facebookのLikeボタン作成画面

URL to Likeの欄にはブログのURLを入れるんですが、この時点ではxxxxxxxxxxにしておくことをお勧めします
※理由は後述
それ以外の欄は変更が右のボタンに反映されるので適宜。


で、「Get Code」ボタンをクリックするとこんな画面が表示されるので、iframeの方をコピーします。

facebookのLikeボタンコード生成画面

ブログのURLを入力していれば、吐き出されたコードをそのままテンプレートに貼付けるだけです。
・・・が、それだとブログ全体に「いいね!」という意味になります。
ブログ記事ごとにボタンを設置していても、ブログ全体の「いいね!」の数が表示されます。


ほとんどの方は、ブログの各記事に「いいね!」というフィードバックが欲しいと思いますので、ひと手間加えます。
吐き出されたコードはxxxxxxxxxxという部分を含んでいると思いますが、ここに<$MTEntryPermalink$>タグを入れ替えます。

あとはできるだけ管理を楽にするためにもテンプレートモジュール、またはグローバルテンプレートのテンプレートモジュールを新規作成します。
モジュール名は適当でいいんですが、私はfacebook_likeという名前にしました。

作成したテンプレートモジュールを「いいね!」ボタンを設置したい場所にMTIncludeで記述すればOKです。
簡単すぎて、わざわざ記事にする程のことではないかもしれませんが、参考になりましたらぜひ「いいね!」ボタンをクリックしてください。

コメントをどうぞ

Track Back [1]

Facebook 「いいね!」ボタン設置

facebook完全活用本 Facebookの 「いいね!」ボタン設置しました。 MovableTypeでfacebookの「いいね!」ボタン設置 - ... 続きを読む

コメントする

※ コメントは認証されるまで公開されません。ご了承くださいませ。

公開されません

(いくつかのHTMLタグ(a, strong, ul, ol, liなど)が使えます)


画像の中に見える文字を入力してください。

About

近藤彰宏のWebサイトにようこそ!

プロフィール

起業コンサルタント

何か自分の得意なことで世の中の役に立ちたい!・・・そんな想いで起業した方、これから起業したいと思っている方をお手伝いします。
コンサルティングのモットーは「誰かの成功法より自分の正攻法」。成功法則オタクを卒業して、自分のやり方を見つけましょう!
起業を志す方に、業務内容に応じたIT活用と、タスク管理術をコンサルティングします

1972年10月生まれ
ゆるワクTVパーソナリティ&放送オペレーター
全脳思考ファシリテーター
趣味はゴルフ・ボウリング・草野球

その他の主催イベントなど

ゆるワクTV

起業家をゲストにお迎えして、ゲストのテーマに沿ってビジネスへの想いを引き出すUstreamトーク番組

全脳思考イントロダクション講座

カリスマ経営コンサルタント神田昌典氏が開発した「全脳思考」
3時間でその思考法を手に入れる講座

中部全脳カフェ

誰でも氣軽に全脳思考を体験できる、講座ではない氣軽な集まり

悠久マスターズ

ゴルフと全脳思考をハイブリッドした、遊びの中から新しいビジネスのヒントを得る体感型セミナー

サイト内検索

カテゴリ

最近のピクチャ

  • ステッドラー トリプラス
  • facebookページSSL対応
  • facebookからのメール
  • Lightbox
  • zenback_01.png
  • fb_likebox_10.png
  • 110914_01.png
  • 110913_01.jpg

Twitter

最近のコメント