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. LINEで送るボタンの設置方法

    Web Information

    LINEで送るボタンの設置方法について

    LINEを使う人が増えてきたのでLINEで送るボタンを設置してみました…

  2. Web Information

    素敵なデザインのフリーアイコン集

    自分が使いやすそうなアイコンの素材サイトをまとめてみました。どれも素敵…

  3. Web Information

    iTunesで曲が変更された時に画面右上に出る通知を非表示にするやり方

    iTunesでよく音楽を聴きながらPC作業をするんですが、最近ちょっと…

  4. feedlyボタンを設置

    Web Information

    feedlyボタンをブログに設置して登録しやすいようにしてみる

    そういえばこのブログにはまだfeedlyボタンを設置していなかったので…

  5. Web Information

    Google検索で日付や期間指定をして検索結果を表示する方法

    Googleで調べたいものを検索した時に「どうも古い情報しか出てこない…

  6. Web Information

    iPhoneのアラームを無音でバイブや光のみで知らせてくれる便利アプリ「サイレントタイマー」

    静かな場所でiPhoneのアラームをかけたい時に便利なアプリ「サイレン…

コメント

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

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

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP