ラベル アナリティクス の投稿を表示しています。 すべての投稿を表示
ラベル アナリティクス の投稿を表示しています。 すべての投稿を表示

2015年7月11日土曜日

【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等と設定するとよいでしょう。
パソコンとスマホではよくクリックされるプラグインに差異が出てきたりします。

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

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

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

2014年6月24日火曜日

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側ではわからない情報が取得できるようになります