LOG IN OR SIGN UP
Log in to your account
Sign up

What Is the Custom Image Tag In Google Tag Manager

What is the custom image Tag in GTM

If you know anything about setting up your own custom website tracking, you'll know what an absolute nightmare it can be, not just to install but to debug and then adjust to your specific tracking needs. For most websites out there the are plenty of out of the box solutions that will work just fine in getting collecting the data they need.

While others may need a customised solution. Regardless of your tracking needs basic or complex I would highly recommend you install and run Google Tag Manager (GTM) as a way to manage it all, from custom to 3rd party solutions.

GTM is an extremely powerful tool, and it's getting better each year. Google is constantly adding new ways to use the tool and help marketers and webmasters get the best out of their website analytics. One of the latest additions to GTM's tag template is the custom image tag, but not much is available online about this template so I thought I'd give you a quick overview of what it is and what it can do for you.

Custom image tag in a nutshell

The custom image tag requests an image from a particular URL. The exciting part is that by making the request, you’re actually transmitting information to a server.

For example, if you request an image via URL https://www.example.com/something?parameter1=goodandamp;parameter2=123, the receiving server processes parameter1 and parameter2 and acts accordingly (e.g. registers those parameters as an event).

Easy as that.

The Custom Image Tag is just another way for Google Tag Manager to send the data from your website to other tracking tools, e.g. Facebook Pixel, etc.

The custom image tag requests an image from the given URL but does not insert it into the DOM. Making the image request is enough to transmit information to a server, and GTM is not supposed to change the Layout of the page in any case.

Why the need for a custom image tag

While it may be called an IMAGE tag, it is not used to load any sort of image. Its purpose is to load a teeny tiny pixel of which URL is used to transmit the data.

Google Analytics, Custom HTML and other tags rely on JavaScript. Those regular tags become useless when JavaScript is disabled in a browser, and that’s where the Custom Image Tag becomes the hero of the day.

The Tag is loaded via iFrame (which is created with the help of <noscript> part of the GTM snippet). This means that you can dispatch a Custom Image Tag regardless of what are the JavaScript settings in a browser (on or off).

Custom image tag

The Custom Image tag is used to set up a pixel tag that is not yet natively supported by Google Tag Manager.

To create a new Custom Image tag:

Custom image tag template

  1. Click Tags and thenNew.
  2. Click Tag Configuration and select Custom Image.
  3. Enter the Image URL. Use "//" if protocol-relative versions of the image are available. Use "https://" if only a secure version is available. Use of "http://" is not recommended.
  4. To ensure that hits are registered from browsers that have cached versions of a pixel, select Enable Cache Busting. This will append the query gtmcb=<random number>to the URL. To change the default query parameter, enter a value other than gtmcbin the Cache Busting Query Parameter field.

    Custom image tag config

    Alternative methods

    While not the most riveting addition to GTM the Custom Image Tag in Google Tag Manager does offer some users a way out of some frustrating situations.

    While javascript is an industry standard and used the world over it is by no means full proof and if you want to track interactions when the default Google Analytics or Custom HTML tags will fail like in cases where JavaScript is disabled in a browser.

    Then the custom image tag is exactly what you're looking for. While these cases may be few and far between it is likely the tag was added as a solution to the growing issues around tracking light web pages for mobile, such as the AMP protocal or Facebook Instant Articles.

    Contact us

    If you want to know more about tracking solutions for your site, don’t be shy we’re happy to assist. Simply contact us

    Tags: google tag manager, tracking

    Previous: {{ previousBlog.sTitle }}

    Posted {{ previousBlog.dtDatePosting }}

    Next: {{ nextBlog.sTitle }}

    Posted {{ nextBlog.dtDatePosting }}

    You might also like

    An introduction to Crypto Guarda Wallet

    What Is Guarda Wallet?

    06 September 2024

    Posted by Josh Welman in Money Talks


    Whether you're looking to store, trade, stake, or exchange assets, Guarda Wallet offers everything you need in one convenient package for desktop and...

    Read more
    How to optimize a CBD website

    How To Optimize Your CBD Website

    19 September 2024

    Posted by Marie Hall in Industry Experts


    Make your CBD website more flexible and easy to navigate for laptop and mobile users. These tactics will improve the user experience and increase sal...

    Read more

    Leave us a comment


    {{comment.sUserName}}

    {{comment.iDayLastEdit}} day ago

    {{comment.iDayLastEdit}} days ago

    {{comment.sComment}}

    Sign up for our newsletter