WEB屋になる為の知識と技術と情報(WEBデザイナーブログ)

「Google+1」ボタンはGoogle社が提供しているGoogle機能の一部です。
Google+1ボタンとは、興味や関心をもったWebページに関する情報をGoogle+に投稿し、簡単に共有できるボタン（シェアボタン）のことです。

Webページに設置された「Google+1」ボタンをクリックすると、そのページのタイトルとURLと画像を共有投稿できます。
投稿された内容はフォロワーへ共有され、タイムラインへ蓄積されます。
Webページを出来る限り多くの人に共有して頂く為の「Google+1」ボタンの設定方法をご説明させていただきます。





　1. Google+1ボタンの作成
　2. Google+1ボタンの選択
　3. Google+1ボタンの設定
　4. Google+1ボタンコードの設置

最初にGoogle+1ボタンを作成するDevelopers(デヴェロッパー)ページでGoogle+1ボタンの設定を行います。
　・Google+1ボタン作成 Developers(デヴェロッパー)ページ

Developers(デヴェロッパー)ページへ移動したら表示された項目の設定を行います。
・サイズ
　Google+1ボタンの設置する際のボタンサイズです。

・+1 情報
　+1 された数の表示・非表示を選択できる設定です。

・(幅)
　Google+1ボタンの設置する際のウィジェット横幅サイズです。

・言語
　Google+1ボタンを表示する言語を選択します。

・非同期（オプション）
　Javascriptの読み込みの同期・非同期を設定します。
　※特に理由がなければチェックを付けましょう。

・タグを解析（オプション）
　Google+1ボタンタグの解析を設定します。
　※特に理由がなければデフォルトの
　「ページ読み込み時（デフォルト）」のままにします。

・JS コールバック関数（オプション）
　Google Analyticsでトラッキングする時などに使用します。

・+1 ボタンの対象とする URL（オプション）
　デフォルトの空のままで自動でURLを共有します。

最後に設定が完了したら右上に表示されている「問題がなければ、コードをコピーしてください。」の下に設置するコードが表示されるのでコピーしてWebサイトの設置したい場所に「コード」を記載します。

【1. head、bodyコード】
※head内か、body終了タグの直前に次のタグを貼り付けてください。

<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'ja'}
</script>

【2. ボタン設置コード】
※+1 ボタンを表示したい位置に次のタグを貼り付けてください。

<div class="g-plusone" data-size="medium"></div>

以上でGoogleのGoogle+1ボタンをホームページやブログに設置する設定が完了です。