• MENU ●●●●
  • Google+バッジの取り付け手順


    シリウスカスタマイズ 記事一覧を記事中段へ移動して情報を解り易く明示しましょう グーグル検索で好評かを得られるかも?

    当該サイトコンテンツ関連記事

     スポンサーリンク

    Google+バッジの取り付け方法

    Google発行のGoogle+バッジとはFacebookやTwitterなどに関連する
    SNS連携ツールですね

     

    どちらかのサイト、ブログで見たことありますか?
    サイズは調整可能(これは画像です)

     

    猫ですが、通常はプロフィール写真例が多いかな...

     

    アイコンもありますね..どちらか選択

     

    仕様はですね

     

    Google+バッジを自分のサイト、ブログ等に表示させると、Google+に
    フォローしてもらえる..というもの..

     

    サイト、ブログに設置するGoogle+バッジをリンクするとGoogle+に飛ぶ
    (Facebookみたいなもの)

     

    そこでフォローしていただく...
    説明が下手でごめんなさい

     

    私理解...ぼけているせいか、いまだにFacebookやTwitterはあまり使えて
    いないんですけどこれは使えてます...(自分理解の範囲)

     


     

    取り付けに進みましょう

     

    取り付けには、Googleアカウント登録を済んでいる事が前提...
    未所得でしたら、まずはアカウント開設してください
    https://accounts.google.com/SignUp?hl=ja

     

    すでに登録済みかと思われますが、次にGoogle+にアカウント開設、
    とわずかでもよいので何かしら投稿しておきましょう
    https://plus.google.com/

     

    注意すべき点は、Google+に登録した自分画像や情報がGoogle+バッジで
    表されるのですね

     

    ですので、プロフィール画像など入れ込む際はよく選んでください
    お名前ですが、一度登録したものを変更するとは制限回数があること
    初めに記憶しておきましょう

     

    Google+バッジは、こちらで所得できます
    https://developers.google.com/+/web/badge/?hl=ja

     

    サイト内解説で事は進められるでしょうからここでは省きますね
    アイコンか、バッジかを間違えないよう...

     

    コードが発行されましたね

     

     

    さて、ここからです

     

    まず、プレビューでは反映されません
    アップ後の反映となります

     

    シリウスのページに張り付けても反応しない..
    Googleの非同期コードの作用ですね

     

    取り付け箇所は、HTML内です
    (トップからエントリーまで)

     

    記事内巻末なら</body>の上となります

     

    2カラムサイドバー一番下に取り付け例

     

    <% siteMenu | tag_replace(div class="menubox",div class="menubox menulist") %>
    <% subMenu | tag_replace(div class="menubox",div class="menubox menulist") %>
    <% siteNewEntry | tag_replace(h4,div class="title") | tag_insert_inner(div class="title",span) %>

     

    以下がコード(改変してますのでコピー使用不可)場所確認に使用
    <!-- ウィジェット を表示したい位置に次のタグを貼り付けてください。 -->
    <div class="g-person" data-width="302" data-href="//plus.google.com/u/0/11688jjj84347" data-theme="dark" data-rel="author"></div>

     

    <!-- 最後の ウィジェット タグの後に次のタグを貼り付けてください。 -->
    <script type="text/javascript">
    window.___gcfg = {lang: �?9;jaO};

     

    (function() {
    var po = document.createElement(script�?9;); po.type = �?9;text/javascript�?9;; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js ;
    var s = document.getElementsByTagName(�?9;script�?9;)[0]; s.parentNode.insertBefore(po, s);
    })();
    </script>

     

    サーバーアップ後、すぐに確認できないときはすこし待ちましょう

     


     

    グーグルブロガーでは、ヴィジェットにID記入だけで反映されるものの
    シリウスでは使用が異なる..ということですね

     


     

     

    Google+バッジ
    シリウスカスタマイズ

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト