「覚え間違い」を教えてください!

「Google+1ボタン」を設置したいと思い、こちらのサイトを見ながら取り組んでいます。
https://developers.google.com/+/web/+1button/?hl …

取得するコードは次のようになっているのですが、これについて質問させてください。


<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてください。 -->
<div class="g-plusone" data-size="medium"></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>


このコードについてですが、
<!-- 最後の +1 ボタン タグの後に次のタグを貼り付けてください。 -->
とありますが、

「最後の +1 ボタン タグの後」とは
<div class="g-plusone" data-size="medium"></div>
のことでしょうか?

もしそうだとすると、これらを続けて貼り付けるということで次のようになりますね。
<div class="g-plusone" data-size="medium"></div>
<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>


もし違っていたら指摘してください。
よろしくお願いします。

A 回答 (1件)

ボタンを1つ設置する場合は、それで合っています。


もし複数のボタンを設置する場合は、下部に設置したボタンの下に<script type~~>を記述してあげれば良いと言う事ですね。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
わかりました。

最初はよくわからなかったので、<script type="text/javascript">以下の部分を</head>のすぐ上に貼り付けていたのですが、これでも表示されました。

どちらでもよいということでしょうか?

お礼日時:2014/01/05 03:07

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報