Using Targeted Overlays

In this article

What are Targeted Overlays? How do I set one up?

Setting Up Overlays

Targeted Overlays allow you to display an image or HTML to site visitors when they enter or leave Permutive segments. To set up a Targeted Overlay, go to Activations and click '+Add Activation.' 

Screen_Shot_2020-05-27_at_5.00.37_PM.png

From there you can select Targeted Overlay:

Screen_Shot_2020-05-27_at_5.08.53_PM.png

Image Overlays

Image overlays show an image, which when clicked takes the user to a URL of your choice.

To create an Image Overlay, you need to have a URL for an image you've hosted somewhere, and the link you wish the image to follow.

1.png

Here's some more information about each of the fields you need to fill in:

  • Image URL: The URL of the image you want to display in the overlay
  • Image Link: The URL you want the user to go to, when they click the overlay.
  • Opacity: How transparent you want the background behind the overlay to be.
  • Transition Speed: The time you want it to take for the overlay to fade in and out.
  • Target this activation to: The segment you want to see this activation.
  • On Entry / On Exit / Every Time: When you want the overlay to be displayed. On entry to a segment, when a user exits a segment, or every time they visit a page while in that segment.
  • Context Criteria: Explained below

HTML Overlays

HTML overlays are similar to Image Overlays, but allow you to insert custom HTML instead of static images. 

2.png

Here's some more information about each of the fields you need to fill in:

  • Code: The code you want to be included inside the overlay. Although it is HTML that will be shown, you can also include Style tags, or Script tags that will also be run when the overlay shows.
  • Opacity: How transparent you want the background behind the overlay to be.
  • Transition Speed: The time you want it to take for the overlay to fade in and out.
  • Target this activation to: The segment you want to see this activation.
  • On Entry / On Exit / Every Time: When you want the overlay to be displayed. On entry to a segment, when a user exits a segment, or every time they visit a page while in that segment.
  • Context Criteria: Explained below

Reporting

When using Targeted Overlays, you can track impressions and conversions on the overlays. Conversions mean clicks on the overlay.

Conversions are tracked automatically when using the Image overlay. If you're using HTML you'll need to add a custom JavaScript tracking of conversion() when the overlay is clicked. Get in touch if you'd like help setting this up.

 

Context Criteria

Context criteria is a way of limiting who sees an overlay based on their current context. This could be their location, referrer, IP address or anything. You can set context variables in JavaScript, then reference them in your overlays. This usually requires a developer, so it's best to get in touch with us first to guide you through the process.

If you have any questions, please contact customer support by emailing support@permutive.com or chat to the Customer Operations Team via the LiveChat icon in the bottom right corner of your screen.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request