Third-party banner codes
Surveys in banners
You can use Adfox to place a survey from Yandex Surveys or a form from Yandex Forms in a banner. Surveys can help you understand user behavior, test new ideas, and gauge the appeal of new product names or designs. You can also target survey banners to a specific audience.
To create a banner with a survey or form, use one of the following templates.
- Banner HTML5 [context].
- Fullscreen HTML5 [context].
- Code forwarding [context].
Note
Banner height adjusts with the survey content: If the window displaying the survey is smaller than the survey itself, a vertical scroll bar will appear.
Before adding a banner, first see how it looks and choose the optimal window size. To do that, you can use any online code editor with a preview feature.
To add a banner with a survey:
-
Choose the appropriate banner type and template.
-
Specify the banner's parameters, following the requirements for the selected format.
-
Add the survey code to the HTML5 code of the creative field:
For surveys from Yandex SurveysFor forms from Yandex FormsCreate a survey in the Yandex Surveys interface and place a link to it within the
iframe
tag. To configure the window size, set thewidth
andheight
parameters in pixels or percentages.Here's a sample code for embedding a survey from Yandex Surveys into the Fullscreen HTML5 [context] template:
<iframe src="https://yandex.ru/poll/poll-id" width="100%" height="100%"></iframe>
To learn how to get the form code, see Help for Yandex Forms.
Code for Adserving (ex. Sizmek)
- Template used:
Banner HTML5 [context]
. - Wrap the banner code in the
<html>
and<body>
tags. - In the
<script>
tag attribute, replace the[timestamp]
value with%system.random%
in theord
parameter and add thencu
parameter with the%request.reference_mrc:urlenc%
value.
Note
You may delete the <noscript></noscript>
section, because Adfox doesn't work without JavaScript.
A sample ad tag for Adfox:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script src="https://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=rsb&c=28&pli=28962919&PluID=0&w=240&h=400&ord=%system.random%&ncu=%request.reference_mrc:urlenc%"></script> </body> </html>
Code for Weborama
-
Template used:
Banner HTML5 [context]
. -
Wrap the banner code in the
<html>
and<body>
tags. -
Add macros:
- To the
random
parameter, add a randomizing%system.random%
macro. - To the
clicktrackers
parameter, add a%request.reference_mrc%
macro to track clicks.
- To the
-
If necessary, add links:
- Add a link for tracking impressions to the
imptrackers
parameter. - Add a link for tracking clicks to the
publisherclick
parameter.
- Add a link for tracking impressions to the
A sample ad tag for Adfox:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="weborama" style="text-align:center;"> <script id="wcm_async_tag"> var adperfobj = { account_id : *** ,tracking_element_id : *** ,width : xxx ,height : xxx ,random : '%system.random%' ,fullhost : 'wcm-ru.frontend.weborama.fr' ,burst : 'auto' ,imptrackers : [] ,clicktrackers : ['%request.reference_mrc%'] ,publisherclick : '[PUBLISHER_TRACKING_URL]' }; (function(w,e,b,o ,a,s,y,n,c){w[e]=w[e]||[];n=b[o](a);s.marker=n;w[e].push(s);c=b.createElement('script');c.src=y;n.parentNode.insertBefore(c,n);n.id=''}(window,'wcm_ad_objs',document,'getElementById','wcm_async_tag',adperfobj,'//cstatic.weborama.fr/js/advertiserv2/adperf_launch_1.0.0_scrambled.js')); </script> </div> </body> </html>