Twitter Facebook Google+ソーシャルボタンの追加
- 2011/12/31 15:09 JST
- 投稿者: Ivy
- 表示回数 5,498
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}&layout=button_count&show_faces=1&width=90&action=like&colorscheme=light&height=80&font=verdana&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コメントや各種ソーシャルブックマークを配置できるようになる予定です。