Issue with ClickThrough on VPAID

826 views
Skip to first unread message

Clément Pinchedez

unread,
Mar 24, 2017, 12:52:04 PM3/24/17
to Interactive Media Ads SDK
Hello,
I am experiencing an issue on our VPAID creatives with the HTML5 Vast inspector.
To sum up, the click event does not seem to be triggered on the slot div and this is out we handle the clickthrough.

We notice that this does not work on the VpaidMode.ENABLED mode although it works on the mode VpaidMode.INSECURE.

When we tried our creatives at the end of 2016, that was however working. Could it have been a breaking change in the IMA SDK version?


Short URL to reproduce: https://goo.gl/DwscG4

Do you have an idea how we can solve our issue?

Chris Feldman (IMA SDK Team)

unread,
Mar 24, 2017, 3:36:24 PM3/24/17
to Interactive Media Ads SDK
Hi Clement,

It's not guaranteed that an ad that works in INSECURE mode will work in ENABLED mode. If an ad requires a friendly iframe, it may not render/behave correctly in ENABLED mode. Based on this, we'd ask that you reach out to your creative provider to resolve this issue.

Let me know if you have any further questions.

Regards,
Chris Feldman
IMA SDK Team

Clément Pinchedez

unread,
Mar 24, 2017, 4:43:08 PM3/24/17
to ima...@googlegroups.com
Thank you for your answer.
We are actually the ones providing the creatives in that case.
Do you have any guidelines on how to attach a click event handler to the slot div passed as parameter of the Vpaid JS in an ENABLED mode player?

--
You received this message because you are subscribed to a topic in the Google Groups "Interactive Media Ads SDK" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/ima-sdk/9lIH88-n6Mo/unsubscribe.
To unsubscribe from this group and all its topics, send an email to ima-sdk+unsubscribe@googlegroups.com.
To post to this group, send email to ima...@googlegroups.com.
Visit this group at https://groups.google.com/group/ima-sdk.
For more options, visit https://groups.google.com/d/optout.

Chris Feldman (IMA SDK Team)

unread,
Mar 27, 2017, 12:19:47 PM3/27/17
to Interactive Media Ads SDK
Hi Clement,

This forum is intended only for SDK questions. We aren't able to support VPAID creative inquiries. I'd suggest reaching out to the DFP Product Support forum.

Regards,
Chris Feldman
IMA SDK Team

Clément Pinchedez

unread,
Apr 4, 2017, 12:42:40 PM4/4/17
to Interactive Media Ads SDK
Thanks Chris,
But actually I would like to know why my creatives are not  clickable in an VpaidMode.INSECURE mode.
I dug a little in the HTML code and I notice that there is actually an overlay div element which is on top of the video slot and intercept any clickEvent on it.
Here is an extract of the videoAdUi element. The problematic overlay is in bold.

<div class="videoAdUi">
   <div class="videoAdUiTopBar videoAdUiTopBarWithGradients videoAdUiTopBarTransitions" style="display: none;">
       <div class="videoAdUiAuthorIcon" style="display: none;"/>
       <div class="videoAdUiTitle ellipsisText" style="display: none;"/>
       <div class="videoAdUiAuthorName ellipsisText" style="display: none;"/>
       <div class="videoAdUiLearnMore" style="display: none;">Learn More </div>
       <div class="videoAdUiShare" style="display: none;"/>
   </div>
   <div class="videoAdUiBottomBar" style="bottom: 0px;">
       <div class="videoAdUiLearnMoreText" style="display: none;">Learn More <div class="videoAdUiLearnMoreIcon"/>
       </div>
       <div class="videoAdUiAttributionContainer" style="display: none;">
           <div class="videoAdUiAttribution">Ad </div>
           <div class="videoAdUiAttributionIconContainer" style="display: none;">
               <div class="videoAdUiAttributionIcon" id="videoAdUiAttributionIcon"/>
               <div class="videoAdUiAdInfoPopup">
                   <div class="videoAdUiAdInfoPopupCallout"/>
                   <div class="videoAdUiAdInfoPopupText">
                       <div class="videoAdUiAdSettingsLongTooltip">Visit Google's <a href="https://www.google.com/settings/ads/onweb" target="_blank">Ad Settings</a> to learn more about how ads are targeted or to opt out of personalized ads.</div>
                   </div>
               </div>
           </div>
       </div>
   </div>
   <div class="videoAdUiProgressBar" dir="ltr">
       <div class="videoAdUiBuffer"/>
       <div class="videoAdUiProgress" style="display: none;"/>
   </div>
   <div class="videoAdUiPreview" style="display: none;"/>
   <div style="width: 100%;height: 100%;pointer-events: auto;"/>
   <div class="image-container" id="iconAdChoices" style="width: 19px; height: 15px; position: absolute; overflow: hidden; left: 621px; bottom: 345px; display: none;">
       <a target="_blank">
           <img src="https://static.criteo.net/flash/icon/nai_small.png" border="0">
           </a>
       </div>
   </div>
</div>


Is it normal? How do we enable a click through? If that div was not here, that would actually make the creative clickable.
To unsubscribe from this group and all its topics, send an email to ima-sdk+u...@googlegroups.com.

Chris Feldman (IMA SDK Team)

unread,
Apr 4, 2017, 4:33:09 PM4/4/17
to Interactive Media Ads SDK
Hi Clement,

Do you mean that you'd like to know why your ads are not clickable in ENABLED mode? You said they were clickable in INSECURE mode. The difference between INSECURE and ENABLED is that INSECURE mode serves a friendly iframe and ENABLED mode serves a secure iframe. When an ad works in INSECURE but not ENABLED, it means that it requires the friendly iframe to function correctly.

Let me know if you continue to have issues.

Regards,
Chris Feldman
IMA SDK Team

Clément Pinchedez

unread,
Apr 5, 2017, 3:41:16 AM4/5/17
to Interactive Media Ads SDK
Hello Chris,
Yes, sorry, I did a typo in my previous response.
I have the problem only in VpaidMode.ENABLED mode.
The creatives works fine in the INSECURE mode, they are clickable and the video is playing.
In the ENABLED mode, the creatives are not clickable although the the VPAID javascript is executed and the video is playing fine.
The only problem I see is that strange overlay div on top of the video player which intercept every click event.
I would like to know why there is such an overlay on top of the video player? That is quite an urgent problem for us because it's impossible for the user to click on the creative ad and make the redirection to advertiser website.

Clément Pinchedez

unread,
Apr 5, 2017, 5:15:43 AM4/5/17
to Interactive Media Ads SDK
Oh, I actually notice, this behavious is present only when an <Icon> element is present in the VAST XML. If I remove the Icon element from the VAST, the overlay div is removed and the Ad can be clicked.
Do you have any idea what the behaviour of the player should be when an ad choice icon is specified in the VAST?

Chris Feldman (IMA SDK Team)

unread,
Apr 5, 2017, 3:21:45 PM4/5/17
to Interactive Media Ads SDK
Hi Clement,

The <Icon> element should be supported with the HTML5 SDK. Can you send us both version of the ad tag so we can investigate further? I haven't been able to reproduce the working/non-working versions because when I remove the <Icon> element from the tag that you already sent, I get a creative error and the ad fails. Not sure what the issue is.

Regards,
Chris Feldman
IMA SDK Team

Clément Pinchedez

unread,
Apr 6, 2017, 8:11:01 AM4/6/17
to Interactive Media Ads SDK
Hello Chris,
Sure, you can test with the following VAST:

<VAST version="3.0">
    <Ad id="7dffe5c830">
        <InLine>
            <AdSystem>Criteo</AdSystem>
            <AdTitle>Criteo Video Ad</AdTitle>
            <Impression>
                <![CDATA[
]]>
            </Impression>
            <Creatives>
                <Creative id="8967342">
                    <Linear skipoffset="00:00:00">
                        <Icons>
                            <Icon program="AdChoices" width="19" height="15" xPosition="right" yPosition="top" duration="00:00:20">
                                <StaticResource creativeType="image/png">
                                    <![CDATA[ https://static.criteo.net/flash/icon/nai_small.png ]]>
                                </StaticResource>
                                <IconClicks>
                                    <IconClickThrough>
                                        <![CDATA[
]]>
                                    </IconClickThrough>
                                </IconClicks>
                            </Icon>
                        </Icons>
                        <Duration>00:00:20</Duration>
                        <TrackingEvents>
                            <Tracking event="start">
                                <![CDATA[
]]>
                            </Tracking>
                            <Tracking event="firstQuartile">
                                <![CDATA[
]]>
                            </Tracking>
                            <Tracking event="midpoint">
                                <![CDATA[
]]>
                            </Tracking>
                            <Tracking event="thirdQuartile">
                                <![CDATA[
]]>
                            </Tracking>
                            <Tracking event="complete">
                                <![CDATA[
]]>
                            </Tracking>
                            <Tracking event="skip">
                                <![CDATA[
]]>
                            </Tracking>
                        </TrackingEvents>
                        <AdParameters>
                            <![CDATA[
{"videos":[{"url":"https://vix.us.criteo.net/concat?sound=%2fsound.aac&partnerid=11251&pid=1166405&pid=236878&pid=1206181","mimetype":"video/mp4"}],"icons":"https://static.criteo.net/flash/icon/nai_small.png","iconsClickUrl":"https://info.criteo.com/privacy/informations?infonorm=3&partner=11251&campaignid=118103&zoneid=523455&bannerid=8967342&displayid=7dffe5c830&uaCap=0&aid=Wl+UiXwxTS9YYW1YTkgzNUZjOVNaQlREa3dwcmFTaS85Tzk1V2t1R2pDUklreEM4PXw=&nolog=1","skipButton":"https://static.criteo.net/flash/icon/skip.png","introDuration":2500,"snippetDuration":5000,"destUrls":["https://cat.ny.us.criteo.com/delivery/ck.php?cppv=1&cpp=j630wXxpU3VRUlJmME9iZUxIMHdiU21qNjRSaVpkRzRxZEtKVXBXYkZUVVRJdzNydVdlT0w4MzVlSEFnMU1oaXJ2WENhd3ZXRnVXUy9DV0FSSk1nY2NhbWp0UVp2QVNvU2NRZEo4NGpKSDUxb0c0NThpcC85MkU4QXJiRGNaVmtLRkNFb1c3akRzUmhLbmxrM0p4VGZzZGl1SGpjWGQ2WDBuRk9jYUpYeG1aSDdvVzV5am11bHErb2k2SU1la2dkTVV4NmxOT3RTZW05b1hScW1BUFcrRmJtK25rNWFCb1Z1VEF3Z1NlOG1uVHVZMCs5Qk4xNTVOajNYTGhEQUQ5THM1VjBkMGNMTCtvQldTUHpXRC9LcXFDMWFtQmcwOEQ2RFJJcWRhM2UvTWI4YjFOVT18&nolog=1&maxdest=http%3A%2F%2Fwww.jcpenney.com%2Fjcpenney-home-savannah-bath-towel-collection%2Fprod.jump%3FppId%3Dpp5007220050%26country%3DUS%26currency%3DUSD%26selectedSKUId%3D74060330018%26selectedLotId%3D7406033%26fromBag%3Dtrue%26quantity%3D1%26cm_mmc%3DDisplay-_-Home-Furn-Leisure-_-criteo_dynamic1_RU-_-%22pp5007220050%22_video%26utm_source%3Dcriteo%26utm_medium%3Ddisplay%26utm_campaign%3Dretargeting%26utm_content%3DHome-Furn-Leisure_ru_%22pp5007220050%22_video%26%20cid%3Ddisplay%7Ccriteo%7CHome-Furn-Leisure%7CRU_74060330018_video","https://cat.ny.us.criteo.com/delivery/ck.php?cppv=1&cpp=k%2FW3LXxpU3VRUlJmME9iZUxIMHdiU21qNjRSaVpkRzRxZEtKVXBXYkZUVVRJdzNydVdlT0w4MzVlSEFnMU1oaXJ2WENhd3ZXRnVXUy9DV0FSSk1nY2NhbWp0UVp2QVNvU2NRZEo4NGpKSDUxb0c0NThpcC85MkU4QXJiRGNaVmtLRkNFbzY0UUFZaFJIUkVKTHJxQ3pReTNkM0t4eVhKK2ZCSWNHVGEvaWIrK3pYU1BJaHhLelJCTkVaUDdhY21MelhFcllEOUpoWnJwdTRJTTdscEtDampTa1pPTzY5enVPLzloSjJLZXhUT2UwS2JsMjgydFcxZ0k5cTFQbEhQTzgrY3JzcmNIYnVMd0xSVmVXbllZQi9aR3djTGdDUllhMjY5MWZVdTBLVWNOZ09KQT18&nolog=1&maxdest=http%3A%2F%2Fwww.jcpenney.com%2Fhome-expressions-solid-bath-towels%2Fprod.jump%3FppId%3Dpp5003990011%26country%3DUS%26currency%3DUSD%26selectedSKUId%3D74049020042%26selectedLotId%3D7404902%26fromBag%3Dtrue%26quantity%3D1%26cm_mmc%3DDisplay-_-Home-Furn-Leisure-_-criteo_dynamic1_RU-_-%22pp5003990011%22_video%26utm_source%3Dcriteo%26utm_medium%3Ddisplay%26utm_campaign%3Dretargeting%26utm_content%3DHome-Furn-Leisure_ru_%22pp5003990011%22_video%26%20cid%3Ddisplay%7Ccriteo%7CHome-Furn-Leisure%7CRU_74049020042_video","https://cat.ny.us.criteo.com/delivery/ck.php?cppv=1&cpp=sVvJEHxpU3VRUlJmME9iZUxIMHdiU21qNjRSaVpkRzRxZEtKVXBXYkZUVVRJdzNydVdlT0w4MzVlSEFnMU1oaXJ2WENhd3ZXRnVXUy9DV0FSSk1nY2NhbWp0UVp2QVNvU2NRZEo4NGpKSDUxb0c0NmtjUmE0bVVwaTEwZ3FDYmVGL2ZZSE9IR05qNW5xWHNhWFk5THozYmxrcmNkWDJKUFhpZExLTXpqYjZuWGpiQUJLTmZ2SEphTWVpQnVFOXR2WmsvWmFjTFZPcDZ5T1ZLQUwvTkxtM3doZ0s0c0NRaWJ4YzEyZDVOdjNxL2FiYi9ra0dKdVZIUVVVZVBaQWh6dG5HNWxHcGtycFFVQ3BxK1BWNkJobTdJUE4vSTNsTStkeWJrSFFOMVhqNmtrL0xDRT18&nolog=1&maxdest=http%3A%2F%2Fwww.jcpenney.com%2Fworthington-v-neck-blouse%2Fprod.jump%3FppId%3Dppr5007136881%26country%3DUS%26currency%3DUSD%26selectedSKUId%3D72942800067%26selectedLotId%3D7294280%26fromBag%3Dtrue%26quantity%3D1%26cm_mmc%3DDisplay-_-Womens-Apparel-_-criteo_dynamic1_RU-_-%22ppr5007136881%22_video%26utm_source%3Dcriteo%26utm_medium%3Ddisplay%26utm_campaign%3Dretargeting%26utm_content%3DWomens-Apparel_ru_%22ppr5007136881%22_video%26%20cid%3Ddisplay%7Ccriteo%7CWomens-Apparel%7CRU_72942800067_video"]}
]]>
                        </AdParameters>
                        <VideoClicks>
                            <ClickThrough id="Criteo">
                                <![CDATA[
https://cat.ny.us.criteo.com/delivery/ckv.php?cppv=1&cpp=JpVLMHxNaFVCNDhYUkk4VXRzRzlLa3MxNllTUmtER0QySStndmU4SCs4YmNXcnY2N0d0YisxOWVkVW8yZFpQTWt5YmJ3WlArTitLRGxGV21wdzBzWjR6YlUxN1d5dytQa1A3QXE3V21EMXhiaDhqeUw5SFF5anFZYUszdE1RWjdKbHNmNTViTXNJSkZJWm9JMlFzQlJZRDNuVUdzdktCWkRqU01GUVh5UGgwZ05vUzc3c3RUeXJOVHVMajl0YXZnd2NDSTRVM3dMQ0s5OWttTkdNYTFyb3VXNG9WSVZEZjN5S1dmcFl1cEpsT2dBdTl4NEh5QXBBb2V2SVdmVmEvMDVlTHN6NlB6V1c1SEJRcGY5Nkl6L2hodlIxK0ZlaDJMMTdocHovdTVURVp5MHJtTy9acy8zRG43Z1dkYlhUd3I5M2dudWNLNGVtN1FEWGxqTDhneGF4QjFkNzZzcEs4S0RsSE1BdWp4ajRERXE1UmY1YzBJRGhJUDZYWFlteTZ1WkU1NSs3eHRxTmpDV2o3LzEyNWhiVjJKY2c4OTdRY0NXbUtyS0tSY2V1MUx0TnAwUjRPeDh5dTgxQXdKNlNEQ0ZBbUxoZUxnOGZWVklJdTJwL05DanpaWkt2U3pGenNqT1NwMm16MWk5bnBIVDdrSDFzRVIxaWJDMUp1ZW9BZUJrZUZEZDkyVXpBeDN2eHAvRHlIOGJXaXJ6cXdaSG9VdGprZDRIYWxEUWlBMGJMSnFWaVpNamU5QlFYRERmT08rajZhNGJuQ3JDU3JLT0tKdVVaSCtZbUpaL2lycVN6TXZzQWdETXE3MXNBeC9wT1JYYzJ4Y2NqRW9lYjc5SVlLMzRNcHgrbUVDQlBXT01LY3NPTXV6NjFzdmtJWW9HbmZ0YmdWVnVXTHFYMFR2S3pyb2dUdW1wTHRhRXB5ZjFTaG5LVERZMCtWT2RXNUdIUC95WmI1UHV3bms2dEVZd2wybWVvakZ5RlZyM0RteDRvekFyUVlTWTBDdnNSNlArWUJOMGhDU2hkUzNSREhJbkl5M1g1UkFkbjRxNDkxMm1Rc21Qelh6djFZbzFXdzhKZEZZZGdveGlya2dQNXFiQnRiR2dkUkdua0QrR1Uycmx6bVlFUUc3ZUdvbENxRXUyYWtsVXJiWG1UdStRMW80TWJjOXUrYU5EVTIwdEovdDRpekM0NmkvRlJqeGkvTHdxOTg1eE5zTEZsNlQ3bEU4RE5veVV5c1VKaFd2T3luUjRMN3o3WkhLVWxFaEdVYTNub3ZGWExCK1R8&nolog=1&maxdest=http%3A%2F%2Fwww.jcpenney.com%2Fjcpenney-home-savannah-bath-towel-collection%2Fprod.jump%3FppId%3Dpp5007220050%26country%3DUS%26currency%3DUSD%26selectedSKUId%3D74060330018%26selectedLotId%3D7406033%26fromBag%3Dtrue%26quantity%3D1%26cm_mmc%3DDisplay-_-Home-Furn-Leisure-_-criteo_dynamic1_RU-_-%22pp5007220050%22_video%26utm_source%3Dcriteo%26utm_medium%3Ddisplay%26utm_campaign%3Dretargeting%26utm_content%3DHome-Furn-Leisure_ru_%22pp5007220050%22_video%26%20cid%3Ddisplay%7Ccriteo%7CHome-Furn-Leisure%7CRU_74060330018_video
]]>
                            </ClickThrough>
                        </VideoClicks>
                        <MediaFiles>
                            <MediaFile id="Criteo_mp4_ABC" delivery="progressive" width="1280" height="720" type="video/mp4" bitrate="1349" scalable="true" maintainAspectRatio="true">
                                <![CDATA[
]]>
                            </MediaFile>
                            <MediaFile id="Criteo_VPAID_JS_ABC" delivery="progressive" width="1280" height="720" apiFramework="VPAID" type="application/javascript" scalable="true" maintainAspectRatio="true">
                                <![CDATA[ https://cas.criteo.com/delivery/video/vpaid.js ]]>
                            </MediaFile>
                        </MediaFiles>
                    </Linear>
                </Creative>
            </Creatives>
        </InLine>
    </Ad>
</VAST>

If you play it, you see the ad is not clickable.
If you remove the <Icons> element from the VAST, it becomes clickable.

Clément Pinchedez
-from Criteo creative engineering team

Chris Feldman (IMA SDK Team)

unread,
Apr 6, 2017, 3:12:10 PM4/6/17
to Interactive Media Ads SDK
Hi Clement,

Thank you providing me with the ad tag. I was able to reproduce the behavior that you're describing. I'm going to bring this to the rest of the team to investigate further. I will let you know as soon as there are any updates.

Regards,
Chris Feldman
IMA SDK Team

Clément Pinchedez

unread,
Apr 7, 2017, 4:04:45 AM4/7/17
to Interactive Media Ads SDK
Thanks Chris. I am waiting for your answers :-)
Message has been deleted

Deepika Uragayala (IMA SDK Team)

unread,
Jun 9, 2017, 11:12:26 AM6/9/17
to Interactive Media Ads SDK
Hi Clement,

Our team has fixed this issue and you can keep an eye out on our release history page for more updates on the new releases.

Regards,
Deepika Uragayala
IMA SDK Team

Clément Pinchedez

unread,
Jun 9, 2017, 11:26:21 AM6/9/17
to Interactive Media Ads SDK
Hello Deepika,
Indeed, seems like it works now.
That's the release of version 3.169.1 which solves the problem, right?

Deepika Uragayala (IMA SDK Team)

unread,
Jun 9, 2017, 4:30:22 PM6/9/17
to Interactive Media Ads SDK
Hi Clement,

 It was fixed yesterday but not yet live. We will let you know once it is in production. Alternatively, you can keep an eye out on our release notes to get more updates.

Regards,
Deepika Uragayala
IMA SDK Team


Reply all
Reply to author
Forward
0 new messages