ECCUBE3正式版のインストール(さくらVPS)

さくらVPSサーバへ晴れて正式に3となったECCUBEをサーバーへインストールしていきす。

サーバーの構成とバージョンは下記
CentOS:6.6
Apache:2.2.15
PHP:5.6.10
PostgreSQL:9.4.1

phpPgAdminはインストールされているものとします。

EC-CUBE3のシステム要件は下記
Apache 2.2.x 以上 2.4.x 以上
PHP5.3.9以降
PostgreSQL 8.4.x以降 9.x以降
MySQL5.1.x以降 MySQL5.5.x以降

となっているので、sshでサーバーにログインし、各バージョンを確認してください。
Apacheの確認

httpd -v

phpのバージョンの確認

php -v

PostgreSQLのバージョンの確認

psql --version

MySQLのバージョンの確認
(Distribの方を見て下さい)

mysql --version

バージョンが要件を満たしていない場合は各自アップデートしてください。

さて、インストールにあたり、ECCUBE本体をダウンロードしてきます。
ECCUBEダウンロードページ
今回は3.0.1のバージョンでやっています。

ダウンロードしたものをzipのまま、FTPで/var/www/html/にアップロード。
SSHでアップロードした階層に移動

cd /var/www/html

解凍

unzip eccube-3.0.1.zip

zipファイルは消します。

rm eccube-3.0.1.zip

フォルダの名前を変更

mv eccube-3.0.1 eccube

インストールしていきます。
http://サイトURL/eccube/html へアクセス

インストールが始まります。
「次へ進むをクリック」

アクセス権のチェック。異常がある場合は、FTP等でパーミッションをチェックしてみて下さい。

お店の設定をします。

データベースの設定をします。

問題なければデータベースの初期化が始まります。

完了です！

ドキュメントルートを変更しましょう。

vi /etc/httpd/conf/httpd.conf

下記行を探して

DocumentRoot "/var/www/html"

下記に変更します。

DocumentRoot "/var/www/html/eccube/html"

下記URLでECCUBEのトップ画面が表示されるようになります。
http://サイトURL/

管理画面はインストール時に決めたURLでアクセス可能です。
http://サイトURL/★管理画面のURL★

インストールがうまく行かなければhttp://サイトURL/install.phpにアクセスすれば再インストール可能です。
インストール出来た後はhtml/install.phpのファイルを削除して下さい。

Read More

【ECCUBE】バナーやプラグインのクリック数を調べる

バナーを貼ったけど、どれ位クリックされてるの？？
新着商品やニュース、最近売れた商品やランキング等、販促系プラグインを色々入れてみたけど、どのプラグインが効果あるの？？

アナリティクスで解析しても、どのキーワードで検索されたか、どこから来たか、どの商品が人気かはわかるけど、自分たちの作ったバナーや導入したプラグインの効果がわからないんだよなぁ、という時は「Googleアナリティクスのイベントトラッキング」を使えば、どのバナーやリンクが何回クリックされたかわかっちゃいます。

時間かけて作ったバナーが実はクリックされていないとう事もわかっちゃいます。。。

効果のあるバナーやプラグインがわかれば、次の一手が見えてくるかもしれません。

※Googleアナリティクスがユニバーサルアナリティクスの場合の説明になります。

リンクや画像がクリックされる度に、googleにクリックされたよという事を伝える事になります。
下記の様な設定になります。

計測したい全てのバナー、プラグインのリンクにonClick="ga('send','event','カテゴリ','アクション','ラベル'); を追記します。


onClick="ga();"の部分がリンクがクリックされた時に処理されます。

onClick="ga();"の中身を左から順番に説明
1.'send' [必須] ここは固定です。変更しないで下さい。
2.'event' [必須] ここは固定です。変更しないで下さい。
3.'カテゴリ' [必須] バナーの名前やプラグイン毎に好きな様に設定してください。
4.'アクション'[必須] 訪問者の行動。今回の場合はクリック。何かダウンロードしてもらう場合はダウンロード等。
5.'ラベル' [省略可能] 細かく名称を設定したい場合に。

バナーの場合は、'category'と画像名を一緒にするとわかりやすいと思います。

アナリティクスの行動＞イベントで表示されます。

ECCUBEプラグインの場合の導入ケース

次はプラグイン導入の場合の説明をしていきます。
EC-CUBEのプラグインは、tplファイルでループして商品を取得している場合がほとんどです。
なので、tplで商品のリンクを生成している部分に上記onClick="ga('send','event','カテゴリ','アクション','ラベル'); を追記していきましょう。

試しに、「最近チェックした商品」に設定していきましょう。
このプラグインのtemplates/plg_checkeditems.tplを修正していきます。

aタグの部分に追記していきます
46行目を

下記に


49行目を

下記に


カテゴリにはプラグイン名、アクションにはクリック、ラベルにはプラグイン名+PCと設定しています。
スマホの場合はラベルにプラグイン名+SP等と設定するとよいでしょう。
パソコンとスマホではよくクリックされるプラグインに差異が出てきたりします。

上記で最近チェックした商品がクリックされた回数がアナリティクスに蓄積されていきます。

他のプラグインも設定する事で、効果のあるプラグインはどのページでも目につきやすい所に移動したり、あまりクリックされずパフォーマンスの悪いプラグインは外したり等、改善に役立つと思います。

是非活用してみてください。

Read More

EC CUBEへAnalytics Eコマース トラッキングタグの設置

EC CUBEにGoogleアナリティクス Eコマーストラッキングの導入する方法

ユニーバーサルアナリティクスでの導入方法です

アナリティクスのコードが下記でない方は、アナリティクス設定からユニバーサルアナリティクスに移行してください

参考サイト：Googleアナリティクスをユニバーサルアナリティクスに移行してみた

アナリティクス設定からeコマースの設定を有効にする


アナリティクス側の設定は以上です

続いてはEC CUBEでの設定となります
EC CUBEの購入完了ページにトラッキングコードを導入します

Googleのトラッキングコードのサンプルは下記の用になっています


上記をベースにEC CUBEの変数、商品が複数ある場合に対応する様にします。

注文完了ページのcomplete.tplを開きます

/data/Smarty/templates/default/shopping/complete.tpl

下記コードをページ最下部に追記します。

ecommerce:addTransactionで基本的な注文情報、ecommerce:addItemで注文された商品情報を渡しています。
{section name=cnt loop=$arrItems}で注文された商品全部を取得しています
affiliationとcategoryは入れていません

以上でアナリティクスに情報が送信されます

スマホ、モバイルの購入情報の取得はそれぞれのcomplete.tplに上記コードを追記して下さい。

/data/Smarty/templates/sphone/shopping/complete.tpl

/data/Smarty/templates/mobile/shopping/complete.tpl

どの検索キーワードや参照サイトが商品の購入につながっているのか、PC・スマホの転換率はいくつか等、EC CUBE側ではわからない情報が取得できるようになります

Read More