Facebookの「いいね!」ボタンとWordPressの統合

以下のような

とともに Facebookの「いいね」ボタン ローンチして、今夜は少し時間をかけてWordPressブログに統合しようと思いました。 私もそれを統合しました 大要 今夜もクライアントのブログ。

最初のステップは非常に簡単です。テンプレートページ(インデックスとシングル)にiframeコードを追加するだけです。 インデックスページには複数の投稿を含めることができるため、永続的なリンクが適切に追加されるように、ページループ内のボタンを変更することが重要です。

<iframe src="http://www.facebook.com/plugins/like.php?href=
&layout = button_count&action = like "scrolling =" no "frameborder =" 0 "allowTransparency =" true "style =" border:none; オーバーフロー:非表示; 幅:250px; height:px ">

また、幅を調整してから、CSSを実行してボタンを横に浮かせました。 Twitterのリツイートボタン。 これらのツールが非常に優れている理由は、ログインやナビゲーションなどを必要としないためです。ボタンをクリックするだけで、Facebook(またはTwitter)にステータスを投稿できます。

さらに、Facebookが抽出できるようにブログのヘッダーにメタデータを配置することもできます。 これが私が私の編集した方法です:

"/>

最終的には、誰かがこれを行うための素晴らしいプラグインを作成するのを見たいと思っています。 iframeアプローチとiframeアプローチのどちらが優れているかを確認するためのテストは行っていません。 Facebook JavaScript SDK 方法。 これを処理するための優れたプラグインを見つけたら、私に知らせてください!

13のコメント

  1. 1

    ブロマンス、あなたに質問があります。

    2泊前、「ブルースの本を出版する方法」のために、Facebookのようなボックス(以前のFacebookファンウィジェット)で遊んでみました。 うまくいけば」ファンページと今それはロードされません。 それは現在Mashableで行っていることを実行します…または、土曜日の午後早くに実行していました。

    それは論文と矛盾していますか? GRRRR

  2. 2
  3. 3
  4. 4

    ありがとうジャック! 何をしたかわかりませんが、プラグインを使用したときにボタンが表示されませんでした。

  5. 5

    競合はまったく発生しないはずですが、必要な場所にボタンを配置するには、CSSを大幅に調整する必要がある場合があります。 大変な苦労をしました。

  6. 6
  7. 7
  8. 8

    ジャック、それを共有してくれてありがとう。 私はそれを見たことがなかった、素晴らしく見える。 インストールしてチェックアウトする必要があります。

  9. 9
  10. 10

    しかし、IIがこのコードをmu wpページにコピーしたため、コードは不完全なようです。 自分のページで機能させるには、いくつか追加する必要があると思います。

  11. 11

    私のサイトにはFacebookのファンページがあり、ウェブサイトにはいいねボタンがあります。 私は本当にseoの目的のためにそれらを別々にする必要がありますか?

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.