Web Information

Google +1(プラスワン)ボタンを今更ながら設置してみた

当ブログには現在Twitter、Facebook、はてなブックマークの3種類のボタンを設置していたんですが、ちょっと寂しい感じもしたのでGoogle +1ボタンも設置してみました。Google +1のユーザー数はTwitterやFacebookほど多くはないんですが、少なからず使っている人もいますし、Googleの検索エンジンに多少なりともSEO対策の効果もあるみたいなので設置して損はないかと思います。ということでせっかくなので以下、設置方法を書いておきます。

[ads_center]

Google +1ボタンの設置方法

設置はとても簡単にできます。最初から設置しておけばよかったと思っちゃいました。以下のURLからボタンのコードを取得できます。

Google +1ボタン設置01

基本的には以下の順番で各項目を選択していくだけです。

サイズ

サイズは4種類から選べます。

  • 小(15px)
  • 中(20px)
  • 標準(24px)
  • 大(60px) +1 情報:

Annotation

Annotationはバルーン、インライン、なし、の中から選べます。バルーンはボタンがクリックされたカウント数を目立つように表示させます。表示させなくてもいいという場合はなしを選択すればいいかと思います。

Annotationでインラインを選択した場合、自分のサイトに合う幅を選択します。バルーンやなしを選択するとこの項目は表示されません。

言語

自分の国の言語を選択します。日本だと、日本語を選択すればいいですね。

コードを取得する

最後にコードを取得できるのでこれをコピペすればボタンが表示されるようになります。とても簡単に設置できますね。

Google +1ボタン設置02

以上、Google +1ボタンの設置方法でした。

デザインもシンプルで素敵なレスポンシブのjQueryスライダー「Blueberry」を使ってみた前のページ

jQueryで空港や駅にある掲示板のように指定した文字が切り替わっていくAirportを使ってみた次のページ

関連記事

  1. Web Information

    かなり便利なCSSフレームワーク「960 Grid System」を使ってみた

    ちょっと前から気になっていたCSSフレームワーク「960 Grid S…

  2. Google英語版でWeb検索

    Web Information

    Googleの英語版でWeb検索して検索結果を表示させるやり方

    Google の英語版でWeb検索をする必要があったのでその時のやり方…

  3. URLをハイライト表示させるショートカットキー

    Web Information

    ChromeでURL欄にカーソルを合わせる(ハイライト表示)ショートカットキー

    最近覚えたChromeの役立つショートカットキーをご紹介します。URL…

  4. ドットナビゲーションスタイル

    Web Information

    ドットナビゲーションスタイルの色んなパターンについて

    よくイメージスライダーの下部なんかに見かけるドットナビゲーション。通常…

  5. Web Information

    「iPhoneを検索」でWebページ検索ができるのでとても便利

    最近iPhoneでよく使う機能が「iPhoneを検索」です。左から右へ…

  6. YouTube動画をループ再生する方法

    Web Information

    YouTube動画をカンタンにループ再生(リピート)する方法

    YouTubeでお気に入りの動画などを見ているときに、ループ(リピート…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP