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年早大卒/西東京市/ひばりが丘/新宿区/高田馬場/江戸川区/瑞江/B級グルメ/料理/自作PC/熱帯魚/MBA11/ipad3rd/iphone4

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ