京都ホームページ制作日記

最近、流行りのFacebook。
ちょくちょく楽しんでます。

ご存知のとおり、FaceBookは実名で登録されている方が多いので、mixiよりもカタい分、大人な人が多いようで、ビジネスなどにもよく利用されています。

手軽ですね。

こちらのブログのしたの方にある「いいねボタン」をお客様のショップサイトに設置してみました。

普通のサイトだと良いのですが、EC-CUBE というショッピングサイトのシステムを利用しているので、普通のサイトの様にサーバーにファイルを自由にアップして、ソースコードを自由に書き換えるという訳にはいきません。

そのショップサイトでは、更新管理がしやすいASPというもので、あらかじめサーバーに組み込まれたサービスを利用しています。

（ASP＝あらかじめ、ショップサイトが、プリインストールされているの略ではありませんw）

更新しやすい分、自由度が低いということが言いたかっただけですが、そこにFacebookのいいねボタンを設置するやり方を紹介します。

この記事が誰かの参考になれば、幸いです。

といってもやり方はたくさんあります。

一番いいのは、http://www.facebook-japan.com/iine.html　こちらに載っている方法。一般的なブログなどにもこの方法でOKだと思います。

で、今回もこのやり方で十分だろうと思いましたが、何故かブロックに反映されませんでした。

そこで、こちらの記事を参照しました。
http://itra.jp/jquery_socialbutton_plugin/

大まかな流れ

1. 上記サイトをよく読んで、デザイン管理→ファイル管理で新しいフォルダを作成する。
2. そこにjsをアップする。
3. アップしたファイルへのパスを正確に書き込み新しいブロックを作成する

注意点としては、

• cssのクラス名を間違えないようにすること
• ファイルのパスを間違えないようにすること
• 商品詳細ページでは、何故かレイアウト設定でメインの上部分に入れておかないと、商品管理のところには反映されなかったです。（なぜだろうか、わかり次第報告します。）

JUGEMテーマ：インターネット