サイト制作に関するメモ書き

HOME > その他 > Google+ボタンの設置方法

Google+ボタンの設置方法

Google+ボタンを設置する機会があったので、ボタンの生成方法をメモしておきます。

設置方法

公式サイトからボタンの生成が行えます。

how-to-install-the-google-button01

インライン

<head>
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けてください。 -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'ja'}
</script>
</head>
<body>
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてください。 -->
<div class="g-plusone" data-annotation="inline" data-width="300"></div>
</body>

インライン形式でGoogle+ボタン設置のデモページ
 

バルーン

<head>
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けてください。 -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'ja'}
</script>
</head>
<body>
<!-- +1 ボタン を表示したい位置に次のタグを貼り付けてください。 -->
<div class="g-plusone"></div>
</body>

バルーン形式でGoogle+ボタン設置のデモページ
 

【参考サイト】

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

▲PAGE TOP