Switch branches/tags
Nothing to show
Find file History
pterenin Delete step9�.md
Remove redundent step9 file. It causes pull failing in Windows machines
Latest commit 360f76c May 31, 2017
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
docs Delete step9�.md May 31, 2017
images Add in images May 31, 2017
CTA-Slider-template-all-with-CTA.html Code Linking Changes May 31, 2017
CTA-Slider-template-all.html Code Linking Changes May 31, 2017
CTA-Slider-template.html Code Linking Changes May 31, 2017
CTA-Slider_0.css Code Linking Changes May 31, 2017
CTA-Slider_0.js Code Linking Changes May 31, 2017
ReadMe.md Text Changes & add image May 31, 2017

ReadMe.md

Measuring Click through of Different Calls to action in an Image Carousel Visualizer

Image Carousels are a popular way of displaying multiple content in the same visual space. The benefit for the visitor is that it is interesting to look at, particularly for first time visitors. The benefit for the content owner is that they can feed the visitor a set of different options without the visitor having to scroll through the page.

This type of display is ideal for showing a 'Call to Action' (CTA) designed to persuade the visitor to go deeper into the site. It is perfect for use on the home page of a site to pro-actively show options and turn a passive viewer into someone actively consuming content.

The next best thing to implementing some dynamic content is measure how well it is working. This makes it easy to identify an underperforming 'slide' and replace it with something else.

This tutorial will show you how to build a Carousel visualizer in Liquid Content, wire up Click Events for tracking in Evoq Analytics and quickly and easily understand how engaged your visitors are with that content.

There'll be a small amount of Html coding but the rest is just point and click, so sharpen your html pencil and get your clicking finger ready.

Content Index

  1. Create a New Content Type
  2. Create the Content
  3. Create the Slider Visualizer
  4. Add the Visualizer to a Page
  5. Edit the Visualizer to add Style
  6. Modify your Content Type for multiple images
  7. Modify your Visualizer for multiple images
  8. Edit your Content to add extra images
  9. Add in CTA Link Definitions to the Content Type
  10. Add in CTA Html Attributes to the Visualizer
  11. Add the CTA Link Details to the Content Item
  12. View the Results
  13. Analyze the click behaviour with Analytics

Summary

This example showcases several aspects of using Evoq:

  1. Creating Content Types, Visualizers and Content Items
  2. Incorporating open source libraries into visualizers, for the Carousel
  3. Using Event tracking to track link clicks in Visualizers
  4. Using Evoq Analytics to track and understand the clicks

This can easily be taken further by:

  • Adding extra detail to the CTA links, or varying tracking (eg turn the image into a link, and track clicks on the image vs the link to see which is more effective)
  • Using different CTAs on the same page, to see if Carousel sliders or blocks of text are preferred
  • Decorating all the links on an important page like the home page to see which are the most commonly clicked items