8月 12日, 2011年 - IT    コメントはありません。

EC-CUBEへのLike Button実装(更新)

Pin It画像があってPinしたい場合押して下さいね。

EC-CUBEへLike Buttonを実装してみた。



2011/08/12現在、【XFBML】でないと駄目? みたいな記事発見したので、その感じでやってみた。参考にしたサイトは下にあるリンク先にプラスして以下です。あと、このページで使用している画像はまた変えるかもしれません。なるべく、「おお、これならいける」と自己満足できそうな感じになればと思います。あぁ~ひっぱられます。

facebook「いいね(like)ボタン」に「送信(send)ボタン」を追加

2011/08/10現在、画像の内容が不適切っぽい(修正済み)のと、なぜかニュースフィードにうまく反映しないというおまけ付き状態です。

ちなみに以下の記事を参考にしました。
EC-CUBEでOGP設定(Facebookには対応、mixiチェックは無視)

基本のソースは上のサイトを参考にしてます。
og:description は商品詳細(detail.php)では外しています。
Debuggerで特にエラーっぽくなかったので・・・

ちなみにうまく反映しないってとこは
いいねボタンでニュースフィードに表示させるためにOGPをすべて入れてみた

上のサイトのようにしばらく待ってみます。
これで解決すればいいのですが・・・

以下は過去記事に加筆した状態です。

OGP設定してるので、Facebookのニュースフィードに飛ぶと思います。
2011/08/12現在友達のニュースフィードに関しては調査中~
2011/08/10現在友達のニュースフィードにうまく飛びませんね~

ちなみに、ソースコードの画像貼っておきますが、EC-CUBE側は、

EC-CUBEバージョン 2.4.3
PHPバージョン PHP 5.1.6
DBバージョン MySQL 5.0.77

です。

facebook DEVELOPERS でアプリの取得をしといて下さい。

取得後は以下の画像を参考に必要箇所に入力とメモをしましょう。

Like ButtonはEC-CUBEにAdminで入って、デザイン管理→詳細一覧ページ→メイン編集で、好きな?(適切なとこに)とこに画像を参考に貼って下さい。

OGPはサーバーによって場所が違うかもしれませんが、
【/ドメイン名/public_html/data/Smarty/templates/テンプレ名/site_frame.tpl】を探して下さい。
で、画像を参考に追記して下さい。

 

ちなみに、EC-CUBEのdetail.phpにある商品IDごとにDebuggerをすると、管理用ページへのリンクが商品IDごとにできます。

それクリックすると、FACEBOOKページが作成されています。
でもって、管理者を自分にしていくと山のようなFACEBOOKページができました。

これが仕様なのかどうかは不明です・・・

とりあえず、しばし、【】に回ります。お盆過ぎぐらいかな・・・
それまでに、誰かの有力な情報?あればまた、加筆しょうかと・・・
といいながら、【XFBML】で直してみました。結果は盆明けってことで・・・



なにかご意見があればコメントを書いて下さい。