2018年5月19日

Google+でFC2のスマホとＰＣの＋1が合算されない事の対策

グーグルプラスの＋１ボタンを＋１ボタンを記事URLごとに貼る方法で書いたコードをつけて安心していたのですが、なんと、ＦＣ２はスマホ表示にはURLに?spと付いてしまい、スマホ表示で+1された数が、PCとググタスＨＰで+1された数に合算されないという事が判明。

それを回避するコードを書きますので、前回の記事を参考にスマホに、記事ごとにgoogle+のプラスワンボタンをつけるコードを入れた人は、貼りなおしてください。

FC2バージョンはこちら

<!– +1 ボタンを表示したい位置に次のタグを貼り付けてください。 –>
<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="400" data-href="<%url>blog-entry-<%pno>.html"></div>

そして、head内もしくはbody直前にに下記コードを書きます
（前回書いている人は書かなくて良いです）

<!– head 内か、body 終了タグの直前に次のタグを貼り付けてください。 –>
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
{lang: ‘ja’}
</script>

seesaaですが、前回のコードはたぶんスマホバージョンに貼れません。

headとかbodyとかというコードを貼れるといころがないから。

なので、スマホにも貼れるコードを書いておきますので、必要な方は貼ってみてください。

ちなみにseesaaはスマホ表示でもhtmlの後に変なコードはつかないですんで、下記のコードでもちゃんと合算されます。

非同期コードなので、ヘッダすぐ下に貼っても表示が早いですよー

スマホに貼れるseesaaバージョンのコードはこちら

<!– +1 ボタンを表示したい位置に次のタグを貼り付けてください。 –>
<div class="g-plusone" data-annotation="inline" data-width="300"></div>
<!– 最後の +1 ボタンタグの後に次のタグを貼り付けてください。 –>
<script type="text/javascript">
window.___gcfg = {lang: ‘ja’};
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
po.src = ‘https://apis.google.com/js/platform.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<%url>blog-entry-<%pno>.html
イコール
<%topentry_link>
なんですね。

htmlの勉強は難しく、一難去ってまた一難です。