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ボタンの設置方法でした。

関連記事

  1. RollPaper

    Web Information

    Webページのスクリーンショットを上から下まで全体を撮れるiPhoneアプリ「RollPaper」

    Webページのスクリーンショットを上から下までの全体を1枚の画像で保存…

  2. Web Information

    iPhone版Chromeアプリで自動で飛ばされるスマホ専用ページをPCページで表示させるやり方

    個人的にとても便利な機能だったのでメモがてらご紹介します。iPhone…

  3. 常用漢字筆順辞典

    Web Information

    読み方がわからない漢字を手書きで調べれるiPhoneアプリ「常用漢字筆順辞典」

    常用漢字筆順辞典という読み方がわからない漢字を調べる際にとても役立つi…

  4. Web Information

    いい感じのiPhone6・iPhone6 PlusのPSDモックアップ素材集(フリー)

    いよいよiPhone6・iPhone6 Plusの発売日となりましたね…

  5. Web Information

    自分のGoogleアナリティクスコードが勝手に他人のサイトで使われていた時の対処方法

    昨日ふとGoogleアナリティクスを見ていたら、自分の知らないページが…

  6. CSSViewer

    Web Information

    特定の要素のCSSを手軽に確認できるChrome拡張機能「CSSViewer」

    CSSViewerというChrome拡張機能を使ってみました。特定の要…

コメント

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

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

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP