ブログツール

Google+の「+1」ボタン導入メモ


ツイートボタンを設置したら、ついでにGoogle+ボタンも設置したいところです。
このボタンも簡単に設置できますよ〜。

まだまだユーザーは少ないかもしれませんが、設置しておいて損はないです。

ボタンの設定

  1. 以下から設定できます。カンタンですよ♪
  2. +1 Your Website – Google
    ここで設定してコードを入手します。
  3. 設定ページでカスタムします。
  4. 項目はこれだけ。カンタン♪
    変えたところをメモします。
    Google1 button1

    • サイズを「中」に。ツイートボタンと大きさを揃えるためです。
    • 「Annotation」をバルーンに。見た目が変わります。
    • 言語を変えました。

コードを設置

表示されているコードをコピーして使いましょう!
Google1 button2

  1. ボタンの設置
  2. 上にある短いコードをボタンを入れたいところに挿入しましょう。

  3. 長い方をbodyタグの後へ。
  4. 「script」のコードですね。

はい♪ ツイートボタンと同じように記事タイトルの下に並べました。
大きさもそろって気持ちいいですね〜。
カンタンでした♪
Google1 button3

▼ちょっと古いけどいろいろ基本が載ってます

関連記事

  1. App紹介ブックマークレット

    ブログツール

    App紹介の自動HTML作成Bookmarkletを実装

    今日はこの実装に時間がかかった。単純に実装するにはすばらしい参考サイト…

  2. 「Google Search Console」に登録してみた

    ブログツール

    「Google Search Console」に登録してみた

    ウェブマスターツールに登録しようと思ったら「Google Search…

  3. ブログツール

    ドメインは『お名前.com』、『さくらのレンタルサーバ』で運用する方法

    ドメインは今まで信頼と安さのバランスで『お名前.com』を利用する…

  4. ブログツール

    さくらレンタルサーバーに他で取得したドメインをマルチドメイン運用する方法

    ひとつのレンタルサーバーで複数のブログを運用するときにやったドメイ…

  5. ブログツール

    『zenback』がリニュールしたというので、さっそく試してみた

    ブログでお世話になりっぱなしの『zenback』がリニューアルしたそ…

  6. envatomarketのAPIキー作成方法

    ブログツール

    envatomarketのAPIキー作成方法

    WordPressの有料テーマを多く取り扱っている大手の「envato…

最近の記事

  1. ホワイトハウスコックスの財布
  2. 進撃の巨人展FINAL チラシ
  3. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  4. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  5. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  6. 【コレクション】カードダス:SDガンダム外伝シリーズ
  7. 懐かしい!!カードダスSD戦国伝!!

アーカイブ

  1. 日常

    7/26 隠れた名ギャラリー
  2. 日常

    GW
  3. 1年間無料保管付き布団クリーニングが良かったのでリピーターになります!

    サービス

    1年間無料保管付き布団クリーニングが良かったのでリピーターになります!
  4. JavaScript

    クエリーストリングを利用してWebページ間でデータを受け渡してみる
  5. 写真

    GR DIGITALで良い感じに「桜」を撮る3つのポイント
PAGE TOP