wordpressで作っているこのブログにも「tweetボタン」と「google +1」を設置してみた。
最初にこの記事書いた時と場所を変えて、ページ下部のページインフォの下ね。
まぁ、誰も使わないと思うけど。
一応、世の中のソーシャル化の並に乗っておこうかなと。
まぁ、誰も使わないと思うけど。
そこで問題発生。
IEで見てる人達は「google +1」ボタンが表示されてないでしょ〜。
なんかね、デフォの記述だとIEが対応していなくて表示されないんだって。
デフォの記述はコチラ。
<g:plusone size=”medium”></g:plusone>
これじゃIEじゃ表記されないから、IEに対応させた記述が必要。
ググッた結果、下の記述でIEでも表示されるようになるらしい。
<div class=”g-plusone” data-size=”medium” data-count=”true”></div>
コレで解決…じゃないの。
この記述をsingle.php(記事個別ページ)に張れば問題ないんだけど、このブログみたいにindex.php(トップページ)のループ内に貼ったとしよう。
その状態で気に入った記事の「google+1ボタン」を押すと、その記事に対してのボタンを押した事にならず、トップページのボタンを押した事になってしまうのだ。
ボタンが設置してあるのがトップページだからね。
それを解決する手段がコチラ。
<g:plusone size=”medium” href=”<?php the_permalink(); ?>”></g:plusone>
テンプレートタグでパーマリンクを追加して「この記事に対しての+1ボタンですよ」と指定してあげれば良い。
IEを無視するならコレでOK。
が、やはりIEは無視できない。
と言うわけで、IEに対応した記述にもパーマリンクを追加してみた。
<div class=”g-plusone” data-size=”medium” href=”<?php the_permalink(); ?>” data-count=”true”></div>
これが上手くいかない。
ボタンは反応するが、記事別じゃなくトップページが対象になっちゃう。
ソースを見ると、パーマリンクも記述されてるんだけど、パーマリンクがボタンの対象になってないみたい。
どういう記述をすればIEでも表示され、indexの記事ループ内に貼ってもボタンの対象が各記事にするには、どういう記述をすれば良いか教えてくれると嬉しいです。
と言う訳で、現在はIEを無視したデフォの記述で表記しております。
COMMENTS:6 COMMENTS
CATEGORY:雑談 WORDPRESSTAGS:web