Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

How to track third party Iframe content?

Avatar

Level 2

Hey Experts,

 

I have a scenario which i want to track form submissions, form is getting loaded within a iframe  these form content is loaed from another third-party website.

Page A : We have control header and footer loaded from our side (www.mydomain.com)

Page B(iframe embeded on Page A): loaded within i frame from a third-party website.(www.3rdpartydomain.com)

 

I wanted to tack form submission  and also wants implement data layer to get the  values.

 

I have to implement these via adobe launch.

 

Please suggest me best practices and way to archive this

0 Replies

Avatar

Level 4

Hi @Chirag2323 

 

You will have to add the Adobe Launch tracking  <script></script> on the iframe code. Treating the iframe as a single web page that you would like to track as part of your website's web pages.

In order to implement the dataLayer, include that object on the iframe code base as well. It would be helpful if you could let us know which third party is to be integrated.

 

I hope this will help fix your issue. 

 

Thanks.

Avatar

Employee Advisor

@Chirag2323 

his documentation should help if you are using Appmeasurement.js

 

https://experienceleague.adobe.com/docs/analytics/implementation/use-cases/iframe.html?lang=en

 

Since, you are using Adobe Launch , you need to use the function 

 

whitelistParentDomain and whitelistIframeDomains fucntions as explained in this documentation

 

https://experienceleague.adobe.com/docs/id-service/using/id-service-api/configurations/whitelistdoma...