EC-CUBE2.12:Facebook(OGPタグ設定)やTwitterなどのソーシャルブックマークの表示

FacebookのOGPタグを挿入することで、いいねボタンを押してもらった時に「ニュースフィード」に表示され、ホームページやブログ記事がより多くの人の目に触れるようになります。

▼ここでのカスタマイズファイルをすべてダウンロードできます。
必要な箇所だけコピーしてご利用ください。
他のカスタマイズも含まれている場合がありますので、ファイルの上書きは絶対におやめください。
こちらから(facebookユーザーのみ)

サンプルはこちら

1 jQuery.socialbuttonの設定

(1)html/jsフォルダに「jquery.socialbutton」フォルダを追加
jquery.socialbuttonの中身→jquery.socialbutton-1.8.1.js
http://itra.jp/jquery_socialbutton_plugin/

(2)SSL接続しても「セキュリティで保護されていないページが混在している」というアラートを表示させないために、jquery.socialbutton-1.8.1.jsの、ファイルパスの指定を「http://」から「//」に変更する。(2カ所変更)
「//」から始めると、アクセスしているページの接続方法に対応した接続方法になる。http://から始まる非SSL接続であればhttp://から始まるファイルとして読み込み、https://から始まるSSL接続であればhttps://から始まるファイルとして読み込む。

 479ページあたり

var tag = '<iframe src="http://www.facebook.com/plugins/like.php?' + params + '" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:' + width + 'px; height:' + height + 'px;" allowTransparency="true"></iframe>';

↓変更

var tag = '<iframe src="//www.facebook.com/plugins/like.php?' + params + '" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:' + width + 'px; height:' + height + 'px;" allowTransparency="true"></iframe>';

 528ページあたり

$('body').append('<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>');

↓変更

$('body').append('<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>');

(3)PCとスマートフォンのsite_frame.tplに追加する。

 ■data/Smarty/templates/default/site_frame.tpl