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

    Gmailのサイドバーメニューに迷惑メールのラベルを表示させる方法

    ちょっと備忘録です。Gmailで例えば迷惑メールに入ってほしくないメー…

  2. coolHue

    Web Information

    クールなグラデーションがたくさん用意されたWebサイト「coolHue」

    coolHueはクールで素敵なグラデーションがたくさん用意されたWeb…

  3. CSS Dig

    Web Information

    CSSをプロパティから解析してくれるChrome拡張機能「CSS Dig」

    CSS DigというChrome拡張機能を使ってみました。今まであまり…

  4. Copy All Urls

    Web Information

    たくさんのWebページURLを一気にコピーするChrome拡張機能「Copy All Urls」

    現在ひらいているタブのWebページURLをまとめて一気にコピーしたいと…

  5. Web Information

    ブログ更新の手間を効率化!見ている(閲覧中)ページのタイトルとURLを取得できるブックマークレット

    ここ最近一番よく使っているブックマークレットをご紹介します。ブログ更新…

  6. Web Information

    MacのReederでPocketに送るためのショートカットを作成

    MacのReederでPocketに簡単に送れるようにするためのショー…

コメント

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

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

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP