He buscado la respuesta en todas partes, ya sea en stackoverlfow o en otro lugar, nunca he tenido éxito. Actualmente tengo un sitio que aloja un iframe (2 dominios diferentes). En realidad, puedo enviar un evento personalizado desde iframe a los padres que funcionan bien. Pero ahora no es un evento lo que quiero enviar sino el valor de una variable.

Actualmente en el iframe tengo una cadena que se genera dinámicamente y que obtengo en una variable JS personalizada

Ahora me gustaría enviar esta variable a mi página principal para que pueda usarse como etiqueta en Analytics.

Un ejemplo de cómo funcionan mis eventos para el padre/iframe:

IFRAME:

 try { var postObject = JSON.stringify ({ event: 'iframeSave' }); parent.postMessage (postObject, 'https: //www.iframe.en/'); } catch (e) { window.console && window.console.log (e); }

PADRE OYENTE

 (function (window) { addEvent (window, 'message', function (message) { try { var data = JSON.parse (message.data); var dataLayer = window.dataLayer || (window.dataLayer = []); if (data.event) { dataLayer.push ({ 'event': data.event, 'postMessageData': data }); } } catch (e) {} }); // Cross-browser event listener function addEvent (el, evt, fn) { if (el.addEventListener) { el.addEventListener (evt, fn); } else if (el.attachEvent) { el.attachEvent ('on' + evt, function (evt) { fn.call (el, evt); }); } else if (typeof el ['on' + evt] === 'undefined' || el ['on' + evt] === null) { el ['on' + evt] = function (evt) { fn.call (el, evt); }; } } }) (window);

y el activador de evento personalizado para mi etiqueta GA en la página principal: iframeSave

Gracias