GoogleのGoogle+1ボタンをホームページやブログに設置する設置方法

06.04.15 20:03 | コメント(0)

ツイートボタンをホームページ設置する設置方法

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

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

Google+1ボタンサンプル

ソーシャルボタン設定方法




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

Google+1ボタンの作成

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

Google+1ボタンの設定

Developers(デヴェロッパー)ページへ移動したら表示された項目の設定を行います。

Google+1ボタンの設定

Google+1ボタンサイズ
 Google+1ボタンの設置する際のボタンサイズです。

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

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

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

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

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

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

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

Google+1ボタンコードの設置

最後に設定が完了したら右上に表示されている「問題がなければ、コードをコピーしてください。」の下に設置するコードが表示されるのでコピーして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ボタンをホームページやブログに設置する設定が完了です。
カテゴリ:ソーシャルネットサービス【SNS】情報・活用方法

Facebookでコメントする

コメントする

おすすめの記事

Facebookの投稿
ウェブ制作技術 SNS・ブログ
おすすめウェブサイト
ウェブ制作のご注文は全国対応

北海道 青森 岩手 秋田 宮城 山形 福島 東京 神奈川 埼玉県 千葉 茨城 群馬 栃木 愛知 静岡 三重 岐阜 新潟 長野 山梨 石川 富山 福井 大阪 京都 奈良 兵庫 滋賀 和歌山 岡山 広島 鳥取 山口 島根 愛媛 徳島 高知 香川 福岡 佐賀 長崎 大分 熊本 宮崎 鹿児島 沖縄

PAGE TOP