Testing – embedding a Juicer.io social feed on a site through GTM – full example here –
1. Signed up at Juicer.io
2. Created my feed
3. Put the code and CSS into GTM
<link href=”//assets.juicer.io/embed.css” media=”all” rel=”stylesheet” type=”text/css” />
4. put the code on the page
<ul class=”juicer-feed” data-feed-id=”brightonseo-example”><h1 class=”referral”><a href=”http://www.juicer.io”>Powered by Juicer</a></h1></ul>
5. Done (with a bit of help from the guys at Juicer – great support!)
Testing this it didn’t work, but this was because WordPress was changing the speechmarks (“) to the wrong type and with a bit of fiddling, it worked.
Full GTM implementation
(without having to put any code on the site)
The next stage was to test if this worked without needing to put the <ul class=”juicer-feed” … on the page, imagine if using GTM you can take any div, and providing it has an id it is pretty easy to use GTM to change this to being the content you want it to be – on the test page, I changed it to simple text “this is a blank page”, then used “innerhtml” to change this, meaning I can overwrite any named element on the page…
Set the trigger to being the URL you want the feed to be on, if you are overwriting the content div, it doesn’t matter what it says.
Suddenly using just GTM you can choose almost any page you want to replace the contents with a social feed…
Again, this demonstrates the power and ultimately the risk of giving the wrong person Tag Manager access.