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. Web Information

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

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

  2. Web Information

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

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

  3. SVG Loaders
  4. Google翻訳の音声や使用例

    Web Information

    Google翻訳で音声や単語の使用例を確認できるのがとても便利

    Google翻訳を何気なく使っていて気づいたんですが、音声や単語の使用…

  5. Feedlyでカテゴリーのフォルダ名を変更

    Web Information

    Feedlyでカテゴリーのフォルダ名を変更するやり方

    Feedlyでカテゴリーのフォルダ名を変更するやり方をメモしておきます…

  6. Adobe Creative Cloud Cleaner Tool

    Web Information

    AdobeのCreative Cloudでインストールトラブルが起きた時は「CS Cleaner T…

    AdobeのCreative Cloudでインストールトラブルが起きた…

コメント

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

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

最近の記事

  1. cheero USB-C PD Charger 60W
  2. DY-S01
  3. OWL-QI10W04
  4. BQ-CC87L

アーカイブ

PAGE TOP