2016年7月10日カテゴリー:

EC-CUBE3機能カスタマイズ版:Facebook(OGPタグ設定)やTwitterなどのソーシャルブックマークの表示

この記事の関連ページ

■EC-CUBE3機能カスタマイズ版
インストールと同時にデザインとカスタマイズ機能が実装されるのでサイト構築作業を大幅に短縮できます。

■デモサイト
インストール後、このようなサイトが立ち上がります。

■EC-CUBE3機能カスタマイズ版の機能内容
各機能についてこのページで解説しています。

■EC-CUBE3インストールガイド

① Facebook OGP画像(推奨サイズ:1200×630ピクセル、最低でも600×315ピクセル)
下記画像をサイトに合った画像に変更する。ファイル名は変更しない。
■html/template/default/img/common/facebook_ogp.jpg
② FacebookのOGPタグを利用するためには、FacebookのApp_IDが必要。
③ Twitterボタンを有効活用するにはTwitterアカウントが必要
④ 基本情報設定>ショップマスターで、App_IDとTwitterアカウントを登録する。
(1)設定>基本情報設定>ショップマスター
001
(2)FacebookのApp_ID登録前のソース
002
(3)FacebookのApp_ID登録後のソース
003
(4)Twitterアカウント登録前のソース
004
(5)Twitterアカウント登録後のソース
005
(6)FacebookのOGPタグのog:imageは、下図の画像が登録されていますので、サイトに合った画像に変更してください。
Facebookが推奨するサイズは1200×630ピクセルです。
006
ファイル名(facebook_ogp.jpg)は変更しないでください。
html/template/default/img/common/facebook_ogp.jpg