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記入だけで反映されるものの
シリウスでは使用が異なる..ということですね