ようこそ! Geeklog Japan, Anonymous 2024/03/29 09:23 JST

Twitter Facebook Google+ソーシャルボタンの追加

  • 2011/12/31 15:09 JST
  • 投稿者:
  • 表示回数 5,390
Geeklog

Twitter Facebook Google+ソーシャルボタンは以下のコードを追加してください。

storytext.thtml, featuredstorytext.thtml:


<div style="clear:both" class="topsy_widget_data" style="float:left; margin-left: 0.75em;">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{site_url}/article.php/{story_id}" data-text="[Geeklogjp]{story_title} #geeklogjp" data-count="horizontal" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.geeklog.jp%2Farticle.php%2F{story_id}&amp;layout=button_count&amp;show_faces=1&amp;width=90&amp;action=like&amp;colorscheme=light&amp;height=80&amp;font=verdana&amp;locale=ja_JP.UTF-8" scrolling="no" frameborder="0" style="border: none; overflow:hidden;width:120px; height:20px; margin-top:-8px" allowTransparency="true"></iframe>
<g:plusone href="{site_url}/article.php/{story_id}"></g:plusone>
</div>

Twitter用のGeeklogjp {story_title} #geeklogjp や Facebookのwww.geeklog.jp の部分はサイトにあわせて修正してください。

Google+向けは、footer.thtmlに、以下のコードを追加してください。


<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>

参考テーマ: adeliaewhite

さらに、OGPプラグインをインストールして、Facebook コメントを記事に追加、meta tag og を挿入できます。 Assistプラグイン(開発中)を追加するとどこにでもFacebookコメントや各種ソーシャルブックマークを配置できるようになる予定です。