Which Pet? – Personyze content personalization action example

In this demonstration I want to show you how actions works in Personyze Actionable Analytics. With Personyze you can create both implicit and explicit content personalization. With implicit personalization you control the personalization actions and when they appear on the website. With explicit personalization you let the use choose which actions to utilize. In this page I want to demonstrate how this thing works. I have decided to use a simple example. In this page you can see an two images: image cat, dog cat and a text field.

What I want Personyze to do is to change the text according to the image that the visitor clicked on. For example: if the visitor clicked the cat image, the word “Cat” will replace the default phrase “Which Pet?”. Alternatively, if I click the dog image, the word “Dog” will replace the the default phrase.

Let’s start with the demonstration and than I will explain how I did it…

Click the cat’s or the dog’s icon and wait a few seconds -> The text changes accordingly. (refresh the page and choose another image and see the text changing).

This is a very basic example and not that flexible, but it can let you understand the basic of content personalization using Personyze site personalization tools. I’ve uploaded two images two this blog post, an image of a dog and a cat.  Every image was given an ID ([id] tag attribute): the cat image id = cat_image, dog image id = dog_image.  I’ve also created a DIV inside this post (id = which_pet) which holds the “Which Pet?” text. I’ve created a unique identification for every element so I can refer to them later using Personyze segmentation tool.

In Personyze:

I’ve used the simulator to create a container for both the cat_image and cat_dog images.

In the above image you can see that I’ve chosen the dog image and set is as a container with a unique name, so I can use the container in my segment later on. I’ve also chosen the which_pet div and made it a container.

After I’ve finished assigning containers to the ID’s of both the images and the DIV, not it’s time to move on to create the segments.

I’ve first created the segment that used the container to check if the visitor has clicked the image.

You can see how the segment looks inside Personyze segmentation tool (the “Profiler”). The Dog’s segment is similar but instead of the cat_image container, it works on the dog_image container.

Now for every segment I’ve created an ActionGroup and a HTML action.  Here is how the action looks like…

As you can see, when you click each image, a different text will be shows (after a few seconds).  There is probably a better way to do that using another segment that will make it work without page refresh for the second action to take place.

Well, this is just a basic demonstration. All I needed to do was to upload the images to my blog, set the Id and everything else was made via Personyze. I could also make an action that put all the images and the div within one EMPTY container DIV within the post and it would work too. Anyway, I will bring more examples to demonstrate the Actions features in Personyze.

Stay tuned and don’t forget to register my blog feed. Thanks.