Blog

easyABのユニバーサルアナリティクスに対応した実装方法

2014.10.28Cat:jQueryプラグイン 役員

easyABのユニバーサルアナリティクスに対応した実装方法

Google Analyticsを使って、ABテストが簡単に出来るJQueryのプラグインがあります。

その名もeasyAB

http://romainstrock.com/easyAB/

オフィシャルサイトに書いてある記述だけでは足りない部分がありましたので補足の上、説明です。

実装方法

screenshot

  • jquery及びeasyab.jsをアップ
  • ABテスト行いたい箇所にhtmlを記述(パターンA)
    • 旧GoogleAnalytics
    • ユニバーサルアナリティクス
  • JSで変更箇所(パターンB)を記述

オフィシャルサイトに記述の通り、上記を記載すれば図のようにパターンの出し分けをすることは出来ます。

しかしながら、上記は文言とclassの出し分けを行っているだけでユニバーサルアナリティクスに送るイベントの判断をしていませんのでもう一手間が必要になります。

10行目に1行を追加しました。これがユニバーサルアナリティクスにプッシュするイベントをPurchaseからPurchase2に書き換える処理になります。

Author Profile

mezaki
スターフィールド株式会社/代表取締役/副社長/EC/レスポンシブWebデザイン/Web制作/システム開発/lamp/.net/1985年生/2008年早大卒/キッチンドランカー/PC自作/熱帯魚/
» 投稿一覧
     
  • Launch Cart越境ECカート

Archive

ページTOPへ