About this plugin
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:
com/analytics/
b) You will need to have installed and configured the Google Analytics for WordPress plugin
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:
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:
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”)