內容簡介
WP Content Experiments & Event Tracking 可讓你在 WordPress 網站上輕鬆進行 Google 內容實驗（A/B 分割測試），並針對按鈕、連結等頁面元素設定事件追蹤，協助你透過 Google Analytics 數據優化網站成效。
【主要功能】
• 在指定頁面或文章插入 Google 內容實驗程式碼
• 針對按鈕、連結等元素自動加入事件追蹤碼
• 透過 CSS ID 或 CSS Class 指定追蹤元素
• 在文章編輯器內直接設定，操作簡便
• 與 Google Analytics 帳戶整合運作
外掛標籤
開發者團隊
② 後台搜尋「WP Content Experiments & Event Tracking」→ 直接安裝（推薦）
原文外掛簡介
The WP Content Experiments & Event Tracking plugin gives you the ability to conduct Content Experiments on your WordPress site by providing an easy interface which you can use to paste the relevant google experiments control code into the header of the page/post of your choice.
Google Content Experiments replaces Google Website Optimizer as the tool which website owners can
use for the split testing of their site’s pages.
Content Experiments is a tool which can found in your Google Analytics account from which you can do your split testing with.
This plugin also gives you the ability to perform event tracking on certain page elements such as buttons, links or other elements.
The plugin will automatically add the event tracking code to particular elements on the wordpress post/page of your choice based on the configuration in the post/page editor window.
Usage
pre-requisites:
a) You will need an active google analytics account. If you don’t have one, you can create a new one here:
http://www.google.com/analytics/
b) You will need to have installed and configured the Google Analytics for WordPress plugin
which can be found here: https://wordpress.org/extend/plugins/google-analytics-for-wordpress/
(this will ensure that your Google Analytics tracking code will be inserted inside your site’s tags)
Adding Content Experiments code to a post or page
1) Using the WP editor open the page or post you wish to treat as the “Original” page for the content experiment you want to perform.
Please see the google help pages for how to setup/run experiments:
https://support.google.com/analytics/bin/answer.py?hl=en&answer=1745216
2) Enable the checkbox in the “Content Experiments For WP” section to activate the feature
3) Paste the Google Content Experiments code into the text box.
IMPORTANT: You should only paste the content experiments code in the page which you set as the “Original” in the experiments setup of your google analytics account,
ie, do not paste the code in the “Variation” page(s).
You can check whether your code was added correctly within the page’s tags by viewing the source of the web page.
Adding google event tracking code to an element on a post or page
NOTE: To perform event tracking you will need to set up a goal in your google analytics account.
Please see the google help pages:
http://support.google.com/analytics/bin/answer.py?hl=en&answer=1032415
1) Using the WP editor open the page or post you wish to perform event tracking on.
2) Enable the checkbox called “Enable Event Tracking for this page” in the “Event Tracking” section to activate the feature
3) Enter the values for the Category, Action and Label fields. (These values should have been set by you when you were configuring youyr goal in you
google analytics account)
4) Enter either a CSS ID name and/or CSS classname of the element you wish to track.
In order to obtain the CSS ID or class values of an element you can use firebug by right-clicking on the element and choosing “Inspect element with firebug”.
Example 1:
Let’s say I had a link on one of my wordpress pages which I wanted to track and the html for my link looks like the following:
click me
I would enter “my_link_id” in the Element ID field in order perform event tracking on this link.
Example 2:
If I had a button which I wanted to track and the html for this button looks like the following:
In order to track this button, I would simply copy the class value “coolbutton-submit” and paste it into the “Element Classname” field.
Tip:
You can check whether your event tracking code was added correctly to the appropriate element by viewing it in firebug by rightclicking the element and selecting “Inspect Element with Firebugt” when using the Firefix browser.
(Alternatively if you are using Chrome right-click the element and select “Inspect element”)
