google+1(プラスワン)ボタンが表示されないとき

0
    google+1ボタンを設置してみたんですけど、googleの言う通りにやってもうまくいかなかったので対処法を書いておこうと思います。



    ここで取得できるコードを書くだけで設置できるはずなんですが、私のサイトではぜんぜん表示されませんでした。

    色々調べたところ、divでかこったタイプのコードで

    <div class="g-plusone" data-size="standard" data-count="true">
    

    っていうのを書いてみたんですけど、これでも表示されませんでした。


    表示させれたコード

    ほとんどの人がdivバージョンのコードを書くだけで表示させれてるみたいですが、それでもダメだったワタシがうまくいった方法を書いておきます。(ちなみに使用しているのはmacのsafari)


    まず、head内に

    <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
    

    を書いて、さらにボタンを設置したいところに

    <div id="plusone"></div>
    <script type="text/javascript">
    gapi.plusone.render("plusone",{"size":"medium"});
    </script>
    

    と書いたらで表示されました。

    なんでこれがよかったのかはわかりませんが、無事に表示される方法が見つかって安心です。

    サイズを変えたり、カウントを消したりするには
    {"size": "medium"}のところを
    {"size": "standard", "count": "false"}とかに変えてあげればばっちりでした。


    jugemブログに設置する方法

    ちなみにこのブログの一番下についてるボタンはもっとかんたんに設置できます。



    google+1(プラスワン)ボタンの効果

    がんばって設置してみたものの、このボタンを押してもらうことでどんな効果があるのかあんまり分かってません。
    でも、これから検索結果の順位に効果が出るとか出ないとか言われてますし、やっておいた方がいいかなと思いますのでよかったらボタンクリックしてみて下さいね。


    ++++++++++++++++++++++++++++++++++++++++++++++++++

    有限会社アンブレラ STUDIO TEMPO
    〒530-0056 大阪市北区兎我野町5-6 栄ビル201
    TEL/FAX:06-6367-4413/06-6367-4414

    ++++++++++++++++++++++++++++++++++++++++++++++++++
           
    関連する記事
      コメント
      コメントする








         
      この記事のトラックバックURL
      トラックバック

      カレンダー

      S M T W T F S
          123
      45678910
      11121314151617
      18192021222324
      252627282930 
      << November 2018 >>

      エントリー

      カテゴリー

      アーカイブ

      recent comment

      リンク

      プロフィール

      検索

      その他

      モバイル

      qrcode