↓WordpressサイトをW3Cのバリデータでチェックしたときの話。
The W3C Markup Validation Service
Google+の+1ボタンを設置していたのですが、Googleの指示通りにやっていたにも関わらずエラー判定。
ちょっとどういうこと?と思ったら、私が使っていたコードはもうすでに古いらしく、新しいコードに変わっていました。
↓+1ボタンの設置コード取得
+1 Button – Google+ Platform — Google Developers
使っていた古いコード
↓これをヘッダ内に設定
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'ja'}
</script>
↓ボタンを表示したい場所に設置
<g:plusone size="medium"></g:plusone>
これだと、バリデータで↓こんな風に怒られます。
新しいコード
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small"></div>
<!-- Place this tag after the last +1 button tag. -->
<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/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
これでエラーが出なくなりました。
Googleですら、こんな緩い感じだったの?


