How to track third party Iframe content?

[Chirag2323]

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

[Pankaj_Sabharwal]

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.

[ravi7]

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??

[VaniBhemarasetty · Accepted solution]

@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...