Geeklog > Geeklog日本公式サイト Source Bug trucker Wiki DEMO Code Docs FB Page FB Group 開発Docs

メニューをスキップして本文へ


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

  • 2011年12月31日(土) 15:09 JST
  • 投稿者:
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コメントや各種ソーシャルブックマークを配置できるようになる予定です。

トラックバック

このエントリのトラックバックURL:
http://www.geeklog.jp/trackback.php/20111231150920394
表示形式
コメント投稿

サイト管理者はコメントに関する責任を負いません。

Clip to Evernote

サブメニューをスキップしてフッタへ

ログイン

ログイン

タグメニュー

サイトカレンダ

サイトカレンダをスキップ

«
2012年 05月
»
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

テーマテスター