TOP

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+バッジ
シリウスカスタマイズ