Clickable Ads are blinking clickable areas on top of the ads in the e-paper offering the user the possibility to go directly to the advertiser's website by tapping/clicking the ad. The ads can be made clickable in three ways:
- Through XML
- By inserting hyperlinks in InDesign
- By inserting hyperlinks in the Visiolink Publishing Hub
This guide will show you how to do it in these three ways. It is not necessary to resubmit your apps in order to implement clickable ads. Special circumstances might, however, make a resubmit necessary. Implementing clickable ads will work across all platforms (iOS, Android, Web).
Please note: The URL must not contain special characters like # & æ ø å. URLs should be encoded or converted to shortened URLs by using free services like bitly.com
Clickable Ads through XML
Along with delivery of XML files with article content, you can deliver a separate XML file to the usual FTP address. This XML file must contain information that will identify the clickable area uniquely. This means that for each ad you must provide: page number, section number or name, geometry of the ad and the URL to the landing page. Note that page numbers must be absolute, as we can not resolve section relative page numbers for ads. If more information is needed in order to recognize the ad locations, please add this as well.
Here is an example of XML structure for two ads:
<geometry bottom="384500.000000" right="133000.000000" left="11000.000000" top="296500.000000"/>
<geometry bottom="338500.000000" right="185000.000000" left="63000.000000" top="295500.000000"/>
Delivering a separate XML file with clickable ad information is just one way to do it. You can also include the clickable ad information in the XML file containing articles. As a minimum, the ad information to uniquely identifying the ad placements must be recognizable from the delivered XML file. Please contact Visiolink at firstname.lastname@example.org if you need more information.
Clickable Ads through XML are not displayed on the Flash client.
Inserting hyperlinks through InDesign
We have a separate guide for InDesign. Follow this guide!
Inserting Hotspots in the Visiolink Publishing Hub
It's simple to add hotspots in the Visiolink Publishing Hub. Simply follow this guide!