How the "Meet Me at Starbucks" YouTube Ad Works
A coworker sent over a link to this Starbucks ad campaign, interested to know more about the technology behind the YouTube integration. So of course I pulled it apart to get down to the secret guts.
Basically, it’s an external web page, hosted on Amazon S3 and Cloudfront, that YouTube is just embedding as an iframe on Starbucks’ YouTube channel. This is the source page:
https://d1q1o5x4z5xc35.
This interactive wrapper, built by Stopp/Family, pulls in unlisted YouTube videos using API calls to control stuff. Below are the source videos.
Main: https://www.youtube.com/watch?
Rebuilding Memories: https://www.youtube.com/watch?
Postcrossers: https://www.youtube.com/watch?
In Harmony: https://www.youtube.com/watch?
Finding Understanding: https://www.youtube.com/watch?
Open Roads: https://www.youtube.com/watch?
A Common Cause: https://www.youtube.com/watch?
T.P.U.G: https://www.youtube.com/watch?
Remade in America: https://www.youtube.com/watch?
And a weird aside – they’re self-hosting all the caption files and calling them separately. It looks like this is so that the subtitle/caption layer can live at the same layer as the interactive wrapper, and not at the level of the videos themselves. Since the wrapper steals input away from the YouTube source videos (which is what keeps you from being able to click theYouTube logo), this makes sense.
So there you go, that’s how it’s done. But even with all that, you still have to have a friend at YouTube who’ll embed that iframe for you – the general public can’t just go around embedding external content on their channels.