Google「+1」プラスワンボタンの設置方法 / ソーシャルメディア対策 /Dreamweaver入門 ドリームウィーバーの使い方

ドリームウィーバーの使い方

HOME > ソーシャルメディア対策 > Google「+1」プラスワンボタンの設置方法

Google「+1」プラスワンボタンの設置方法

ソーシャルメディア・SEO対策どちらの点でも重要となるのがGoogleno「+1」ボタンです。

2011/6/27 米Googleが、「+1」を世界のGoogleサイトに対応させると発表しました。日本のGoogle検索の結果にもボタンが表示されるようになる予定です。

「+1」ボタン作成ページへ行くとコードを生成できます。

Google「+1」プラスワンボタン設置の手順

  1. 「+1」ボタン作成ページを表示します。
  2. ボタンのサイズと言語を選択します。
  3. 作成されたコードを設置したい場所に貼りつけると完成です。

Dreamweaverで日本語のGoogle「+1」プラスワンボタンを設置する方法

Dreamweaverで設置する際は、HTMLソース部分のhead要素内、もしくはbody終了タグの直前に以下のコードを貼り付けます。

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'ja'}
</script>

次に、プラスワンボタンを設置したい場所に以下のコードを貼り付けます。

小(15ピクセル)のプラスワンボタン   ⇒ <g:plusone size="small"></g:plusone>
中(20ピクセル)のプラスワンボタン   ⇒ <g:plusone size="medium"></g:plusone>
標準(24ピクセル)のプラスワンボタン ⇒ <g:plusone></g:plusone>
大(60ピクセル)のプラスワンボタン   ⇒ <g:plusone size="tall"></g:plusone>

Google「+1」プラスワンボタンはテンプレートやライブラリに組み込むことも可能です。

もしこの記事が役に立ちましたら、ぜひブックマークやブログ・twitterで紹介して下さい。

>> ソーシャルメディア対策トップへ戻る

 

Dreamweaverだけじゃない
。PhotoshopもIllustratorもフラッシュもHTMLもCSSも、SEOやPPCもPHPもCGIもJavascriptもわかる。パソコン教室の100分の1の価格で全てを学べる動画パソコン教室。ダウンロードして今すぐ学習開始できます。(全ジャンルのサンプル動画見れます)

 このエントリーをはてなブックマークに追加  このエントリーを含むはてなブックマーク   twitter