3 Example

EkAndreas edited this page Mar 1, 2013 · 5 revisions
Clone this wiki locally

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]

wp edit

Now, take a look at the page and reload several times and click some images.

example1

After the test, login at your wp-admin and check the stats!

tools

<-- Wiki Index Page