Youtube player tracking API for iframe embed - iframe

I need to enable event tracking of Youtube-videos embedded in a site, but since Youtube has switched to iframe-based embedding-code, I'm kinda lost ...
Google/Youtube documentation ( http://code.google.com/intl/da-DK/apis/youtube/iframe_api_reference.html ) only describes how to enable the API when videos are embedded programmatically using the API itself - not when they are copy-pasted onto a page in, say, a CMS.
On top of that, the documentation states that the Youtube Player API for iframe tracking is experimental and should not be used for production sites!
Has anyone found a way to make this work? To listen to events fired by an iframe-embedded Youtube video?

It looks like this can be used to get events and call functions on a YouTube video embedded via an iframe.
https://developers.google.com/youtube/iframe_api_reference#Events

There are a few resources available on the web for this:
For the DIY'er on google analytics:
http://www.lunametrics.com/blog/2012/10/22/automatically-track-youtube-videos-events-google-analytics/
For someone who's looking for a product catered youtube analytics (currently free):
http://www.vidanalytic.com/

Related

Google Tag Manager for iframe

Does anyone know how to deploy Google Tag Manager succesfully in an Iframe?
I am working on the JavaScript widget for external partners which will be embedded on their websites as an iframe.
I want to track some of the events in my widget with Google Tag Manager which sends collected data to Google Analytics. I went through the whole configuration and set up some of the first triggers and events. For testing purposes, I put my iframe with the source code to my widget on one of the clients' websites. When I use a Google Tag manager for debugging my tags I can see all of my tags being fired and working correctly as they should from that iframe. Unfortunately, when testing it on the website without the debugger, none of the events appear in Google Analytics. Since I am the creator of the widget and I have full control over my source code what could be the reason for those events not being registered to Google Analytics but still being fired in the debugger? I went through the documentation of Google Tag Manager, and it says clearly that I can track my iframe if I have the access to the source code to configure it.
Any help and insight will be very appreciated here, did anyone faced a similar problem, and what could be the possible solution?

google analytics for youtube

I have embed youtube videos on my web site and want to track in google analytics video events. I set up Youtube tag in Google Tag Manager and install Google Tag Manager on my web site. I see Google Tag Manager debugger on my web site and fired tags. Tag details. But I don't see Youtube in Google Analytics. I am not sure what is wrong - my installation or I look at events in a wrong place.
Additionally in Chrome console I see a command executed.
What is a little bit confusing for me is tracking ids. Google Analytics shows UA-XXX77-7, while fired video tag has UA-XXX77-9 (as shown in the tag details before). But maybe everything is okay with this.

Tracking embed Facebook video on GTM

I am trying to track embedded Facebook video in my website using Google Tag Manager. How do I proceed to track it? Not able to find any solution from the website.
Thank You.

How is a Google amp-iframe different to a standard iframe? Will an iframe work on an AMP page (https://www.ampproject.org)

We are building a web app/widget for a publisher. We want the widget to be Google AMP ready (<amp-iframe> documentation).
Does anyone know if a standard iframe will work on an AMP page?
A regular Iframe will NOT work in an AMP page. If you want the widget to be google AMP ready you'll need to serve it through an AMP-IFRAME tag.
I'm guessing that your widget needs user authored javascript and possibly other JS libraries with it. If this is the case it all has to be pulled into an AMP-IFRAME tag in order to work. The other caveat to this is the AMP-IFRAME tag must make the call securely via HTTPS.
For example, our 8 news stations have a custom video player that requires a ton of external user authored JS that has to be pulled in to run our preroll, ads and tracking. We also use m3u8 url's which is not supported by the AMP-VIDEO tag or HTML5. So in a way or custom video player is basically a widget that allows you to play custom video with ads and preroll. Because of this we have an embed directory that we have served via HTTPS and the embed template that we hit via HTTPS will spit out our video player into the AMP-IFRAME tag. So everything for the widget is all served as a single call from an HTTPS directory.
This is a great resource for AMP page questions and understanding: Turn Your AMP Up To 11.
Hope this helps.
No, it won't work as stated in the documentation on their website here .

Is it possible to display Google Analytics reporting interface in an IFRAME?

Has anyone had much luck in embedding the Google Analytics reporting interface in an IFRAME?
We'd like to add an "Analytics" tab to our CMS which displays the Google Analytics for each specific page. So, the user could view a page in the CMS, and see the analytics for that page right in the interface.
We have everything worked out, and we're bringing up the correct URL in the IFRAME. We get the Google login page, but when we log in, Google "busts" the IFRAME and loads the analytics page in the full window.
Is there anyway to keep Google Analytics reporting interface in an IFRAME?
Why not use the Google Analytics Data Export API to access the data and build your own reports?
It's not possible to IFRAME Google Analytics.
A work around to this is to build a chrome extension and append your codes/page into analytics site via content_scripts to put some "toolbar" on top or to do some modifications you want.
This is what I'm doing at the moment, sorry that I couldn't share the chrome extension code at the moment.

Resources