FC2とSeesaaでGoogle+のプラスワン【＋1】を個別記事のURLにつける
先日書いたGoogle+の貼り方ですが、あのコードは何の指定もしていないコードでした。
あれを貼ると、表示されてるページが＋１されるので、トップページだったらそのブログのURLが＋１され、どこかのページのURLだったら、そのページが＋１されるっていう仕組みになっています。
これで困るのが、トップに２記事表示している場合。
記事に＋１してほしいのに、ブログＵＲＬに＋１されちゃうっていう事になりますので、それを回避するコードを載せたいと思います。
まずは、head内に下記コードを書きます
<!– head 内か、body 終了タグの直前に次のタグを貼り付けてください。 –>
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
{lang: ‘ja’}
</script>
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
{lang: ‘ja’}
</script>
そして、下記コードを貼りつけたい場所にコピペするだけなんですが・・
下記のコードの赤い文字のところは、Google+のプラットホームで入れたURLになっていたのですが、それではブログURLに+1がついてしまうので、そこをseesaaブログの変数を入れたものに変更します。
seesaaブログ用のコードはこちら
<!– +1 ボタン を表示したい位置に次のタグを貼り付けてください。 –>
<div class="g-plusone" data-annotation="inline" data-width="300" data-href="<span style="color:#FF0000;"><% article.page_url %></span>"></div>
<div class="g-plusone" data-annotation="inline" data-width="300" data-href="<span style="color:#FF0000;"><% article.page_url %></span>"></div>
ついでなので、FC2の変数を入れたものも作ります
<!– +1 ボタン を表示したい位置に次のタグを貼り付けてください。 –>
<div class="g-plusone" data-annotation="inline" data-width="300" data-href="<span style="color:#FF0000;"><%topentry_link></span>"></div>
<div class="g-plusone" data-annotation="inline" data-width="300" data-href="<span style="color:#FF0000;"><%topentry_link></span>"></div>
seesaaブログのページURLを示す変数は、<% article.page_url %>
FC2ブログのページURLを示す変数は、<%topentry_link>
これを覚えておくと、カスタマイズの際に便利です！
一応Googleプラットホームでの作り方は・・
下記画像のように、オプションを開いて、URLを入れるとコードが右上のテーブルの中に生成されます！
※画像はクリックで大きくなります
コメントをする（スパム対策で認証制にしています）