Expand my Community achievements bar.

Join us at Adobe Summit 2024 for the Coffee Break Q&A Live series, a unique opportunity to network with and learn from expert users, the Adobe product team, and Adobe partners in a small group, 30 minute AMA conversations.
SOLVED

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

1 Accepted Solution

Avatar

Correct answer by
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...

 

View solution in original post

3 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

Level 2

Hi,

 

Since this is third party iframe, how would you be able to add launch code to that, third party codebase can't be accessed by our internal dev team as well. Any other thoughts??

Avatar

Correct answer by
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...