2018年5月19日

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>

そして、下記コードを貼りつけたい場所にコピペするだけなんですが・・

下記のコードの赤い文字のところは、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>

ついでなので、FC2の変数を入れたものも作ります

<!– +1 ボタンを表示したい位置に次のタグを貼り付けてください。 –>
<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を入れるとコードが右上のテーブルの中に生成されます！