-
Notifications
You must be signed in to change notification settings - Fork 2
3 Example
EkAndreas edited this page Mar 1, 2013
·
5 revisions
We would like to try out which CMS-logo is the best in out WordPress-content.
In a blog post or in a widget we place the following shortcodes in the post editor:
Is this your favorite CMS? Click the image!
[flowsplit id="CMS" option="WordPress"]
<a href="#" onclick="flowsplitreward">
<img src="http://s.wordpress.org/about/images/logos/wordpress-logo-hoz-rgb.png" alt="" width="200px" />
</a>
[/flowsplit]
The shortcode "flowsplit" is automatically hidden as a layer at presentation. Then the stats make it enabled or not. The parameter "id" has to be set to a unique name without special chars or spaces. The parameter "option" is one of the options in the test. Give it a unique name!
The URL has a onclick attribute assign to collect awards when your visitors clicks the test.
We have now defined one test case and we add several more:
Is this your favorite CMS? Click the image!
[flowsplit id="CMS" option="WordPress"]
<a href="#" onclick="flowsplitreward">
<img src="http://s.wordpress.org/about/images/logos/wordpress-logo-hoz-rgb.png" alt="" width="200px" />
</a>
[/flowsplit]
[flowsplit id="CMS" option="EPiServer"]
<a href="#" onclick="flowsplitreward">
<img src="http://www.episerver.se/PageFiles/13042/EPiServer.png" alt="" width="200px" />
</a>
[/flowsplit]
[flowsplit id="CMS" option="Joomla"]
<a href="#" onclick="flowsplitreward">
<img src="http://digitalfotografen.se/j15/images/stories/logotyper/Joomla_Logo_Horz_Color_Slogan.png" alt="" width="200px" />
</a>
[/flowsplit]
Now, take a look at the page and reload several times and click some images.
After the test, login at your wp-admin and check the stats!