プライベートや仕事で気づいたことやノウハウなどを書き留めるブログです

2012/12/06

bloggerのオフィシャルのfacebookシェアボタンが表示されない

0 件のコメント
オフィシャルの共有ボタンが表示されないときがある。
対策は下記。
1)レイアウトから共有ボタンを表示するように設定
2)class='post-footer-line post-footer-line-3'の場所に下記コードを追加


<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>


追加例)※post-footer-line post-footer-line-2でも可能かも?
<div class='post-footer-line post-footer-line-3'/>
<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>
</div>


参考サイト

Official Sharing Buttons on Blogger Blogger Plugins様
http://www.bloggerplugins.org/2010/06/official-sharing-buttons-on-blogger.html


こんな感じで、無事に共有ボタンが表示されました。
自動的に<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>を
挿入してくれない、bloggerの動作エラーなのかもしれません。
原因は不明です。

----------これ以下詳細です-----------
bloggerのレイアウトの投稿の編集に共有の設定がある。
しかし、共有を表示する設定にしても、表示されない場合がある。
原因は不明だ。
たぶん、旧インターフェースでいじったのがダメだったのか?

対策として、下記の方法で強制的にコードで表示させる方法が可能だった。

Official Sharing Buttons on Blogger Blogger Plugins様
http://www.bloggerplugins.org/2010/06/official-sharing-buttons-on-blogger.html

方法は下記。
1)テンプレートのHTML編集でウィジェットの展開を表示。

2)下記のコードを探す。
<p class='post-footer-line post-footer-line-3'>
または
<div class='post-footer-line post-footer-line-3'>

3)みつけたコードの直下に下記コードを追加

<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>

例)こんな感じになるときもあります。

<div class='post-footer-line post-footer-line-3'>
<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>
</div>


これで例のボタンが表示されます。
・・・そうなんです。Google+のボタンは表示されないんです・・・。

これを追加したいときは、さきほどのBlogger Pluginsさんの記事の続きを読めばできるのかもしれません。
やっていないので不明です。すみません・・・。


Google+ボタンについて、「レイアウト」で共有を追加するのが簡単みたいです。

結局は、「name='shareButtons'のコードを追加」して、「レイアウトの共有ボタン表示を追加」する
2重の設定を行えばOKなのだろと思います。
余計なコードの追加になるのかもしれませんが、とりあえず動けばOKってことで。

0 件のコメント :

コメントを投稿