wordpress記事ページ毎にfacebookのいいねボタンを付ける

  • cont96

    (@cont96)


    12年、 2ヶ月前

    wordpressで構築したサイトに
    いいねボタンを設置しました。
    サイト全体に対しての「いいね」を表示していましたが
    要件の変更があり

    記事毎に「いいね」ができるようにしてくれと依頼がありました。

    ■以前
    サイト全体　10いいね

    ■今後
    記事A 3いいね
    記事B 7いいね

    といった形です。
    そこで以下のソースのように<?php the_permalink() ?>を入れて
    記事毎のページ対応にソースを書き換えたのですが。。
    以前とかわらずどの記事を見てもサイト全体のいいね数が表示されます。

    なにが良くないのかご指南いただけると助かります。
    よろしくお願い致します。

    <iframe src=”//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21&appId=xxxxxxxxxxxxxx” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:21px;” allowTransparency=”true”></iframe>

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • tkj_tkj

    (@tkj_tkj)

    12年、 2ヶ月前

    cont96さん

    ご参考にならないかも知れませんが・・・

    私は

    <div class="fb-like" data-href="<?php the_permalink(); ?>" data-send="false" data-layout="box_count" data-width="70" data-show-faces="false"></div>

    で実装しました。
    ※こちらのコードのほかにbodyタグの直後に例のjavascriptを書いております。

    ちなみに上記のコードは私はfacebook developerzから取ってしましたけど
    cont96さんは何をご参考にコードを作成されました？

    トピック投稿者 cont96

    (@cont96)

    12年、 2ヶ月前

    tkj_tkjさん

    ありがとうございます。
    実装時にhtml5版とxfbml版とiframe版がそれぞれあるのですが
    無難にiframe版を使っていました。

    html5版とかでも試してみるべきですね。

    できればiframe版でクリアできるとありがたいのですが。。

    tkj_tkj

    (@tkj_tkj)

    12年、 1ヶ月前

    おそらくもう調べられているかと思いますが
    私がiframe版を使用していないため、
    http://www.yusk.org/memo/wp/facebook_likebutton_ogp.html
    http://msweb.moo.jp/wordpress/493/
    のような参考ページ紹介しか出来ません、力不足で申し訳ございません。

    PS:
    関係ありませんが、
    iframe版ではいいねを押した後、自動でコメント欄が出てこない、というデメリットがあります。
    html5版やxfbml版などは死ぬほど表示が遅くなるデメリットがありますので
    私は表示を早くする系プラグインなどと併用をしております。

    Pineapplen

    (@pineapplen)

    12年、 1ヶ月前

    公開されているサイトで　<?php the_permalink() ?>　がどのように変換されて表示されているかを
    確認されてみてはいかがでしょうか？

    iframe内ではうまくパーマリンクを取得できないのかもしれません。
    であれば、iframeの外側でパーマリンクを取得し、それを変数で渡してあげるとか….
    方法はあると思いますのでがんばってください。

    トピック投稿者 cont96

    (@cont96)

    12年、 1ヶ月前

    Pineapplenさん

    iframe版をあきらめて
    html5版で試してみたのですが、
    やはりサイト全体にかかったままでした。

    どの記事をみても「いいね」の数字は変わらず。
    「いいね」を押すと全てのページの数字が増えるかたちです。。
    記事毎になっていません。

    ご指摘どおり該当箇所のソースを確認したところ
    data-href=”http://xxxxxx.jp/?p=584″とパーマリンク毎になっており。
    ただしく動いているのかなと。
    どうしたらいいんでしょうか？？？

    <div class=”fb-like” data-href=”http://xxxxxx.jp/?p=584&#8243; data-send=”false” data-layout=”button_count” data-width=”450″ data-show-faces=”false”></div>

    トピック投稿者 cont96

    (@cont96)

    12年、 1ヶ月前

    tkj_tkjさん

    参考URLはすでに見てました。
    うまくいかないですねー。

    表示が早くなるプラグインおすすめのものがあれば教えてください。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「wordpress記事ページ毎にfacebookのいいねボタンを付ける」には新たに返信することはできません。