button - Google プラス ボタンが空白で表示される

Question

ウェブサイトに Google プラス ボタンを実装しました。ボタンの上にカーソルを合わせると、ウェブサイトの説明のない空白の四角形が表示されます。スクリーンショットを参照してください。

ボタンを押すとエラーになります。これは、私が試したすべての Google プラス ボタン バージョンで発生しているようです。

Answer 1

ホバーは空白ではなく、そのホバーに表示されるはずのテキストが、本来あるべき場所の左側に表示されています。言語コードを設定していないことが原因だと思います。スクリプトをロードする場所に、言語を指定する行を追加します。

<!--Share buttons scripts-->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
window.___gcfg = {lang: 'iw'};  //ADD ME

(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><!--Share buttons scripts end-->

これにより、ホバーの不適切なレンダリングが解決されるはずです。

ボタンをクリックしたときのエラーについて説明します。ボタンがクリックされると、サービスが移動し、ターゲット ページのプレビューを表示しようとします。ボタンのマークアップに data-href 値がリストされていないため、サービスは正規リンクに依存しています。これが問題の原因です。正規のリンクはhttp://www.navitor.co.il/であり、これは読み込まれず、共有しようとしていた URL ではない可能性があります。

正規リンクを修正して、共有が機能するようにし、壊れた URL へのポインタについて Google 検索が混乱しないようにします。

参考文献:

• +1 ボタンのターゲット URL の設定
• 正規化