Iframe Optimizely Click Tracker

iframe_clicks.js

//This tracks clicks to Iframes
window.inIframe = false;
​
//Basically the next two event listeners turn this "inIframe" variable from false to true if they are within
//the bounds of the iframe by using mouseenter/mouseleave
document.querySelector('selector_here').addEventListener('mouseenter', function(){
 inIframe = !inIframe
})
​
document.querySelector('selector_here').addEventListener('mouseleave', function(){
 inIframe = !inIframe
})
​
//This sets a "blur" event listener to the entire window
window.addEventListener('blur', function(){
 if(inIframe){
  console.log('iframe is clicked!')
 }
})


/////////////// OTHER SOLUTION ////////////////////////


//Throw this into shared code
window.addEventListener('blur',function(){
	    if (document.activeElement instanceof HTMLIFrameElement) {
        //Send custom event for clicking here(can't use regular click tracking)
	    	console.log('iframe is clicked!');
	    }
	});