Getting to grips with Opentag's tag library

Share this article

Shh! We're in a (tag) library.

Behind the scenes of a website are small pieces of technology, affectionately known as tags. These are lines of JavaScript that enable (pretty much) everything on your page that isn’t static content.

This article will cover the three basic parts of the tag library. Firstly, how to add script from the library to your container, then how to add a script from custom HTML or JavaScript URL, and finally, how to request a tag library addition.

For developers, our tag library is kind of like being in a sweet shop.

When we created Opentag, we wanted to build a product that was flexible and open - so you could design a tag manager that was perfect for you. This is why we created a tag library full of pre-prepared scripts that can be fired straight into your website, reducing the chance for human error.

We currently have over 100 pre-canned scripts running in our library which are ready and waiting to be deployed. For a comprehensive list of all scripts available, our help centre has a regularly updated article to help.

Adding a script from the tag library

Adding an existing script couldn’t be easier. Once you’ve created or chosen your container, simply hit the grey call-to-action button ‘Add New Script’ and you’ll be directed to our Tag Library. In the above image, you can see the range of category options we already have available, it ranges from Multi-Variate Testing to Affiliate Networks. Take some time to browse what’s available because soon you’ll be filling containers to your heart’s content.  

Once you’re ready to add your script to your container, hit ‘select tag’. You’ll now have the option to go into more detail about the script, including the option to use our Universal Variable (UV) or your own custom variable, and additional advanced features. Don’t worry, we’re going to be tackling both UVs and advanced features in the coming weeks of our email training. In most cases, you’ll just be able to hit that green ‘Save Script’ button after few inputted variables and then you’ll be well on your way to setting up your first container.    

There’s also the option to toggle an HTML view of your tag. This is activated once you click the grey text box to the top-right of your variables. This is the script that will be saved to your container and will eventually be fired into the < head > of your page.

Setting up your own scripts

If our 100+ tags just don’t cut the mustard, Opentag lets you add you own scripts to your container. Simply switch from ‘Tag Library’ to ‘Custom Script’ under the ‘Script Type’ option. As I said, Qubit wanted to make Opentag completely customizable and open so you can have your dream TMS.

If the code snippet you want to enter consists of just calling a single js library, you can choose the URL option; however, if it involves more than just calling a library, eg executing javascript code etc, you can choose the inline HTML option and directly paste your copied code there. Like before, once completed, just save your script and it’ll be in your container, ready and waiting for deployment. It couldn’t be easier or more user friendly. Just don’t forget to name your script with something memorable!

Requesting a script

We’ve recently streamlined the process for you to request an addition to our tag library. If you’ve found a particular script has been working well for you then please let us know it’s name - and URL if possible - by selecting the ‘Request A Script’ link and filling out the lightbox submission box. We’ll do our best to get it integrated into our library so you can start firing the tag left, right, and center.

I’m gunna pop some tags. 

We’re constantly expanding and adding new scripts to the library. If you’re a third party technology who would like to get involved with our partner program, please have a read of our partner page. If you want to know more about tag management, why read our CEO's interview with AdManager about the future of Tag Management.  

Subscribe to stay up to date