CINXE.COM
Submit a template to the Community Template Gallery | Google Tag Manager Templates | Google for Developers
<!doctype html> <html lang="en" dir="ltr"> <head> <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com"> <meta name="google-signin-scope" content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award"> <meta property="og:site_name" content="Google for Developers"> <meta property="og:type" content="website"><meta name="theme-color" content="#1a73e8"><meta charset="utf-8"> <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="manifest" href="/_pwa/developers/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//www.gstatic.com" crossorigin> <link rel="preconnect" href="//fonts.gstatic.com" crossorigin> <link rel="preconnect" href="//fonts.googleapis.com" crossorigin> <link rel="preconnect" href="//apis.google.com" crossorigin> <link rel="preconnect" href="//www.google-analytics.com" crossorigin><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"> <link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined&display=block"><link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/css/app.css"> <link rel="shortcut icon" href="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/favicon-new.png"> <link rel="apple-touch-icon" href="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/touchicon-180-new.png"><link rel="canonical" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery"><link rel="search" type="application/opensearchdescription+xml" title="Google for Developers" href="https://developers.google.com/s/opensearch.xml"> <link rel="alternate" hreflang="en" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery" /><link rel="alternate" hreflang="x-default" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery" /><link rel="alternate" hreflang="ar" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=ar" /><link rel="alternate" hreflang="bn" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=bn" /><link rel="alternate" hreflang="zh-Hans" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=zh-tw" /><link rel="alternate" hreflang="fa" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=fa" /><link rel="alternate" hreflang="fr" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=fr" /><link rel="alternate" hreflang="de" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=de" /><link rel="alternate" hreflang="he" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=he" /><link rel="alternate" hreflang="hi" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=hi" /><link rel="alternate" hreflang="id" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=id" /><link rel="alternate" hreflang="it" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=it" /><link rel="alternate" hreflang="ja" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=ja" /><link rel="alternate" hreflang="ko" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=ko" /><link rel="alternate" hreflang="pl" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=pl" /><link rel="alternate" hreflang="pt-BR" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=pt-br" /><link rel="alternate" hreflang="ru" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=ru" /><link rel="alternate" hreflang="es-419" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=es-419" /><link rel="alternate" hreflang="th" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=th" /><link rel="alternate" hreflang="tr" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=tr" /><link rel="alternate" hreflang="vi" href="https://developers.google.com/tag-platform/tag-manager/templates/gallery?hl=vi" /><title>Submit a template to the Community Template Gallery | Google Tag Manager Templates | Google for Developers</title> <meta property="og:title" content="Submit a template to the Community Template Gallery | Google Tag Manager Templates | Google for Developers"><meta property="og:url" content="https://developers.google.com/tag-platform/tag-manager/templates/gallery"><meta property="og:image" content="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/opengraph/google-blue.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="675"><meta property="og:locale" content="en"><meta name="twitter:card" content="summary_large_image"><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "Submit a template to the Community Template Gallery" } </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Tags", "item": "https://developers.google.com/tag-platform" },{ "@type": "ListItem", "position": 2, "name": "Tag Manager", "item": "https://developers.google.com/tag-platform/tag-manager" },{ "@type": "ListItem", "position": 3, "name": "Templates", "item": "https://developers.google.com/tag-platform/tag-manager/templates" },{ "@type": "ListItem", "position": 4, "name": "Submit a template to the Community Template Gallery", "item": "https://developers.google.com/tag-platform/tag-manager/templates/gallery" }] } </script> <link rel="stylesheet" href="/extras.css"></head> <body class="" template="page" theme="google-blue" type="article" layout="docs" concierge='closed' display-toc pending> <devsite-progress type="indeterminate" id="app-progress"></devsite-progress> <section class="devsite-wrapper"> <devsite-cookie-notification-bar></devsite-cookie-notification-bar><devsite-header role="banner"> <div class="devsite-header--inner nocontent"> <div class="devsite-top-logo-row-wrapper-wrapper"> <div class="devsite-top-logo-row-wrapper"> <div class="devsite-top-logo-row"> <button type="button" id="devsite-hamburger-menu" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Navigation menu button" visually-hidden aria-label="Open menu"> </button> <div class="devsite-product-name-wrapper"> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/tag-platform" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Upper Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Tags" > Tags </a> </li> </ul> </span> </div> <div class="devsite-top-logo-row-middle"> <div class="devsite-header-upper-tabs"> <devsite-tabs class="upper-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Upper tabs"> <tab > <a href="https://developers.google.com/tag-platform/devguides" track-metadata-eventdetail="https://developers.google.com/tag-platform/devguides" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - the google tag" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: The Google tag" track-name="the google tag" > The Google tag </a> </tab> <tab > <a href="https://developers.google.com/tag-platform/gtagjs" track-metadata-eventdetail="https://developers.google.com/tag-platform/gtagjs" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - gtag.js" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: gtag.js" track-name="gtag.js" > gtag.js </a> </tab> <tab class="devsite-active"> <a href="https://developers.google.com/tag-platform/tag-manager" track-metadata-eventdetail="https://developers.google.com/tag-platform/tag-manager" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - tag manager" track-metadata-module="primary nav" aria-label="Tag Manager, selected" data-category="Site-Wide Custom Events" data-label="Tab: Tag Manager" track-name="tag manager" > Tag Manager </a> </tab> <tab > <a href="https://developers.google.com/tag-platform/security" track-metadata-eventdetail="https://developers.google.com/tag-platform/security" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - security & privacy" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Security & Privacy" track-name="security & privacy" > Security & Privacy </a> </tab> <tab > <a href="https://developers.google.com/tag-platform/learn" track-metadata-eventdetail="https://developers.google.com/tag-platform/learn" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - learn" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Learn" track-name="learn" > Learn </a> </tab> </nav> </devsite-tabs> </div> <devsite-search enable-signin enable-search enable-suggestions enable-query-completion project-name="Google Tag Manager Templates" tenant-name="Google for Developers" project-scope="/tag-platform/tag-manager/templates" url-scoped="https://developers.google.com/s/results/tag-platform/tag-manager/templates" > <form class="devsite-search-form" action="https://developers.google.com/s/results" method="GET"> <div class="devsite-search-container"> <button type="button" search-open class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Open search"></button> <div class="devsite-searchbox"> <input aria-activedescendant="" aria-autocomplete="list" aria-label="Search" aria-expanded="false" aria-haspopup="listbox" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" role="combobox" type="text" value="" > <div class="devsite-search-image material-icons" aria-hidden="true"> </div> <div class="devsite-search-shortcut-icon-container" aria-hidden="true"> <kbd class="devsite-search-shortcut-icon">/</kbd> </div> </div> </div> </form> <button type="button" search-close class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Close search"></button> </devsite-search> </div> <devsite-language-selector> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" >English</a> </li> <li role="presentation"> <a role="menuitem" lang="de" >Deutsch</a> </li> <li role="presentation"> <a role="menuitem" lang="es" >Español</a> </li> <li role="presentation"> <a role="menuitem" lang="es_419" >Español – América Latina</a> </li> <li role="presentation"> <a role="menuitem" lang="fr" >Français</a> </li> <li role="presentation"> <a role="menuitem" lang="id" >Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="it" >Italiano</a> </li> <li role="presentation"> <a role="menuitem" lang="pl" >Polski</a> </li> <li role="presentation"> <a role="menuitem" lang="pt_br" >Português – Brasil</a> </li> <li role="presentation"> <a role="menuitem" lang="vi" >Tiếng Việt</a> </li> <li role="presentation"> <a role="menuitem" lang="tr" >Türkçe</a> </li> <li role="presentation"> <a role="menuitem" lang="ru" >Русский</a> </li> <li role="presentation"> <a role="menuitem" lang="he" >עברית</a> </li> <li role="presentation"> <a role="menuitem" lang="ar" >العربيّة</a> </li> <li role="presentation"> <a role="menuitem" lang="fa" >فارسی</a> </li> <li role="presentation"> <a role="menuitem" lang="hi" >हिंदी</a> </li> <li role="presentation"> <a role="menuitem" lang="bn" >বাংলা</a> </li> <li role="presentation"> <a role="menuitem" lang="th" >ภาษาไทย</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_cn" >中文 – 简体</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_tw" >中文 – 繁體</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" >日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" >한국어</a> </li> </ul> </devsite-language-selector> <devsite-user enable-profiles fp-auth id="devsite-user"> <span class="button devsite-top-button" aria-hidden="true" visually-hidden>Sign in</span> </devsite-user> </div> </div> </div> <div class="devsite-collapsible-section "> <div class="devsite-header-background"> <div class="devsite-product-id-row" > <div class="devsite-product-description-row"> <ul class="devsite-breadcrumb-list" aria-label="Lower header breadcrumb"> <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/tag-platform/tag-manager" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Lower Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Tag Manager" > Tag Manager </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/tag-platform/tag-manager/templates" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Lower Header" data-value="2" track-type="globalNav" track-name="breadcrumb" track-metadata-position="2" track-metadata-eventdetail="Google Tag Manager Templates" > Templates </a> </li> </ul> </div> <div class="devsite-product-button-row"> <a href="https://tagmanager.google.com/" class="button " >Open Google Tag Manager</a> </div> </div> <div class="devsite-doc-set-nav-row"> <devsite-tabs class="lower-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Lower tabs"> <tab > <a href="https://developers.google.com/tag-platform/tag-manager" track-metadata-eventdetail="https://developers.google.com/tag-platform/tag-manager" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - about" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: About" track-name="about" > About </a> </tab> <tab > <a href="https://support.google.com/tagmanager/answer/14842164" track-metadata-eventdetail="https://support.google.com/tagmanager/answer/14842164" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - web" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Web" track-name="web" > Web </a> </tab> <tab > <a href="https://developers.google.com/tag-platform/tag-manager/mobile" track-metadata-eventdetail="https://developers.google.com/tag-platform/tag-manager/mobile" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - mobile" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Mobile" track-name="mobile" > Mobile </a> </tab> <tab > <a href="https://developers.google.com/tag-platform/tag-manager/server-side" track-metadata-eventdetail="https://developers.google.com/tag-platform/tag-manager/server-side" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - server" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Server" track-name="server" > Server </a> </tab> <tab class="devsite-active"> <a href="https://developers.google.com/tag-platform/tag-manager/templates" track-metadata-eventdetail="https://developers.google.com/tag-platform/tag-manager/templates" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - templates" track-metadata-module="primary nav" aria-label="Templates, selected" data-category="Site-Wide Custom Events" data-label="Tab: Templates" track-name="templates" > Templates </a> </tab> <tab > <a href="https://developers.google.com/tag-platform/tag-manager/api/v2" track-metadata-eventdetail="https://developers.google.com/tag-platform/tag-manager/api/v2" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - rest api" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: REST API" track-name="rest api" > REST API </a> </tab> </nav> </devsite-tabs> </div> </div> </div> </div> </devsite-header> <devsite-book-nav scrollbars > <div class="devsite-book-nav-filter" > <span class="filter-list-icon material-icons" aria-hidden="true"></span> <input type="text" placeholder="Filter" aria-label="Type to filter" role="searchbox"> <span class="filter-clear-button hidden" data-title="Clear filter" aria-label="Clear filter" role="button" tabindex="0"></span> </div> <nav class="devsite-book-nav devsite-nav nocontent" aria-label="Side menu"> <div class="devsite-mobile-header"> <button type="button" id="devsite-close-nav" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Close navigation" aria-label="Close navigation"> </button> <div class="devsite-product-name-wrapper"> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/tag-platform" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Upper Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Tags" > Tags </a> </li> </ul> </span> </div> </div> <div class="devsite-book-nav-wrapper"> <div class="devsite-mobile-nav-top"> <ul class="devsite-nav-list"> <li class="devsite-nav-item"> <a href="/tag-platform/devguides" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: The Google tag" track-name="the google tag" data-category="Site-Wide Custom Events" data-label="Responsive Tab: The Google tag" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > The Google tag </span> </a> </li> <li class="devsite-nav-item"> <a href="/tag-platform/gtagjs" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Tab: gtag.js" track-name="gtag.js" data-category="Site-Wide Custom Events" data-label="Responsive Tab: gtag.js" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > gtag.js </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> <li class="devsite-nav-item"> <a href="/tag-platform/tag-manager" class="devsite-nav-title gc-analytics-event devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Tab: Tag Manager" track-name="tag manager" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Tag Manager" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Tag Manager </span> </a> <ul class="devsite-nav-responsive-tabs"> <li class="devsite-nav-item"> <a href="/tag-platform/tag-manager" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Tab: About" track-name="about" data-category="Site-Wide Custom Events" data-label="Responsive Tab: About" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > About </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> <li class="devsite-nav-item"> <a href="https://support.google.com/tagmanager/answer/14842164" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Tab: Web" track-name="web" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Web" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Web </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> <li class="devsite-nav-item"> <a href="/tag-platform/tag-manager/mobile" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Tab: Mobile" track-name="mobile" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Mobile" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Mobile </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> <li class="devsite-nav-item"> <a href="/tag-platform/tag-manager/server-side" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Tab: Server" track-name="server" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Server" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Server </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> <li class="devsite-nav-item"> <a href="/tag-platform/tag-manager/templates" class="devsite-nav-title gc-analytics-event devsite-nav-has-children devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Tab: Templates" track-name="templates" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Templates" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip menu="_book"> Templates </span> <span class="devsite-nav-icon material-icons" data-icon="forward" menu="_book"> </span> </a> </li> <li class="devsite-nav-item"> <a href="/tag-platform/tag-manager/api/v2" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Tab: REST API" track-name="rest api" data-category="Site-Wide Custom Events" data-label="Responsive Tab: REST API" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > REST API </span> <span class="devsite-nav-icon material-icons" data-icon="forward" > </span> </a> </li> </ul> </li> <li class="devsite-nav-item"> <a href="/tag-platform/security" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Security & Privacy" track-name="security & privacy" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Security & Privacy" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Security & Privacy </span> </a> </li> <li class="devsite-nav-item"> <a href="/tag-platform/learn" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Learn" track-name="learn" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Learn" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Learn </span> </a> </li> </ul> </div> <div class="devsite-mobile-nav-bottom"> <ul class="devsite-nav-list" menu="_book"> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"> <span class="devsite-nav-text" tooltip>Configuration</span> </div></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates" ><span class="devsite-nav-text" tooltip>Overview and quick start</span></a></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates/sandboxed-javascript" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/sandboxed-javascript" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/sandboxed-javascript" ><span class="devsite-nav-text" tooltip>Sandboxed JavaScript</span></a></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates/policies" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/policies" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/policies" ><span class="devsite-nav-text" tooltip>Policies</span></a></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates/create-a-custom-variable" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/create-a-custom-variable" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/create-a-custom-variable" ><span class="devsite-nav-text" tooltip>Create a custom variable</span></a></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates/convert-existing-tag" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/convert-existing-tag" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/convert-existing-tag" ><span class="devsite-nav-text" tooltip>Convert an existing tag</span></a></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates/monitoring" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/monitoring" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/monitoring" ><span class="devsite-nav-text" tooltip>Monitoring API</span></a></li> <li class="devsite-nav-item devsite-nav-new"><a href="/tag-platform/tag-manager/templates/tests" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/tests" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/tests" ><span class="devsite-nav-text" tooltip>Tests</span><span class="devsite-nav-icon material-icons" data-icon="new" data-title="New!" aria-hidden="true"></span></a></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates/style" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/style" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/style" ><span class="devsite-nav-text" tooltip>Style guide</span></a></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates/gallery" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/gallery" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/gallery" ><span class="devsite-nav-text" tooltip>Community Template Gallery</span></a></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates/consent-apis" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/consent-apis" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/consent-apis" ><span class="devsite-nav-text" tooltip>Create a consent mode template</span></a></li> <li class="devsite-nav-item devsite-nav-heading"><div class="devsite-nav-title devsite-nav-title-no-path"> <span class="devsite-nav-text" tooltip>Reference</span> </div></li> <li class="devsite-nav-item devsite-nav-new"><a href="/tag-platform/tag-manager/templates/api" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/api" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/api" ><span class="devsite-nav-text" tooltip>APIs</span><span class="devsite-nav-icon material-icons" data-icon="new" data-title="New!" aria-hidden="true"></span></a></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates/permissions" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/permissions" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/permissions" ><span class="devsite-nav-text" tooltip>Permissions</span></a></li> <li class="devsite-nav-item"><a href="/tag-platform/tag-manager/templates/standard-library" class="devsite-nav-title gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Book nav link, pathname: /tag-platform/tag-manager/templates/standard-library" track-type="bookNav" track-name="click" track-metadata-eventdetail="/tag-platform/tag-manager/templates/standard-library" ><span class="devsite-nav-text" tooltip>Standard Library</span></a></li> </ul> </div> </div> </nav> </devsite-book-nav> <section id="gc-wrapper"> <main role="main" class="devsite-main-content" has-book-nav > <devsite-content> <article class="devsite-article"> <div class="devsite-article-meta nocontent" role="navigation"> <ul class="devsite-breadcrumb-list" aria-label="Breadcrumb"> <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="" > Home </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/products" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="2" track-type="globalNav" track-name="breadcrumb" track-metadata-position="2" track-metadata-eventdetail="" > Products </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/tag-platform" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="3" track-type="globalNav" track-name="breadcrumb" track-metadata-position="3" track-metadata-eventdetail="Tags" > Tags </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/tag-platform/tag-manager" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="4" track-type="globalNav" track-name="breadcrumb" track-metadata-position="4" track-metadata-eventdetail="Tag Manager" > Tag Manager </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/tag-platform/tag-manager/templates" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="5" track-type="globalNav" track-name="breadcrumb" track-metadata-position="5" track-metadata-eventdetail="Google Tag Manager Templates" > Templates </a> </li> </ul> <devsite-thumb-rating position="header"> </devsite-thumb-rating> </div> <devsite-feedback position="header" project-name="Google Tag Manager Templates" product-id="102259" bucket="tag-platform" context="" version="t-devsite-webserver-20241114-r00-rc02.464922260396498922" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="header" class="nocontent" project-icon="https://developers.google.com/static/tag-platform/tag-manager/img/logo_google_tag_manager_color_1x_web_64dp.png" project-support-url="https://developers.google.com/tag-platform/support" > <button> Send feedback </button> </devsite-feedback> <h1 class="devsite-page-title" tabindex="-1"> Submit a template to the Community Template Gallery </h1> <devsite-feature-tooltip ack-key="AckCollectionsBookmarkTooltipDismiss" analytics-category="Site-Wide Custom Events" analytics-action-show="Callout Profile displayed" analytics-action-close="Callout Profile dismissed" analytics-label="Create Collection Callout" class="devsite-page-bookmark-tooltip nocontent" dismiss-button="true" id="devsite-collections-dropdown" dismiss-button-text="Dismiss" close-button-text="Got it"> <devsite-bookmark></devsite-bookmark> <span slot="popout-heading"> Stay organized with collections </span> <span slot="popout-contents"> Save and categorize content based on your preferences. </span> </devsite-feature-tooltip> <div class="devsite-page-title-meta"><devsite-view-release-notes></devsite-view-release-notes></div> <devsite-toc class="devsite-nav" depth="2" devsite-toc-embedded > </devsite-toc> <div class="devsite-article-body clearfix "> <p>The Google Tag Manager Community Template Gallery allows your organization to create and manage tag and variable templates that natively integrate with Google Tag Manager. Your organization can build a template, publish the template repository to GitHub, and then submit your template to the Community Template Gallery to make it available to users worldwide. The benefits to your organization include:</p> <ul> <li>Your clients will be able to add and use your templates easily.</li> <li>Tag Manager users will be exposed to your organization's brand.</li> <li>Your clients will be able to deploy your tags within minutes, not months.</li> <li>You can publish <a href="#update_your_template">updates</a> to your templates and make those updates automatically available to your clients.</li> </ul> <p>The process to submit a new template to the Community Template Gallery involves these main steps:</p> <ol> <li><a href="#build_your_template">Build your template</a></li> <li><a href="#prepare_your_project_files">Prepare your project files</a></li> <li><a href="#upload_to_github">Upload your files to GitHub</a></li> <li><a href="#submit_your_template">Submit your template</a></li> </ol> <h2 id="build_your_template" data-text="Build your template" tabindex="-1">Build your template</h2> <p>To get started, build your template in Google Tag Manager as a <a href="/tag-platform/tag-manager/templates">custom template</a>. Make sure your template has been thoroughly tested, that the content of your template follows the <a href="/tag-platform/tag-manager/templates/style">Style Guide</a>, and that you have a plan or process in place for how to maintain and update your template should the need to do so arise in the future.</p> <h3 id="terms_of_service" data-text="Terms of Service" tabindex="-1">Terms of Service</h3> <p>Every new template submission must agree to the Google Tag Manager Community Template Gallery's Terms of Service. To confirm agreement to the Terms of Service for your template:</p> <ol> <li>Read the <a href="/tag-platform/tag-manager/templates/gallery-tos">Google Tag Manager Community Template Gallery Terms of Service</a>.</li> <li>In the Template Editor, open your template for editing and check the box under the <strong>Info</strong> tab labeled <strong>"Agree to the Community Template Gallery Terms of Service"</strong>.</li> </ol> <h3 id="export_your_template" data-text="Export your template" tabindex="-1">Export your template</h3> <p>Once your template is complete, <a href="/tag-platform/tag-manager/templates#export_and_import">export</a> the template file to your local machine and rename the file <code translate="no" dir="ltr">template.tpl</code>.</p> <h2 id="prepare_your_project_files" data-text="Prepare your project files" tabindex="-1">Prepare your project files</h2> <p>The next step is to prepare your repository for publishing on GitHub. Each repository should contain the following files:</p> <ol> <li>An <a href="/tag-platform/tag-manager/templates#export_and_import">exported template file</a> named <strong><code translate="no" dir="ltr">template.tpl</code></strong>. This file must be updated to add a <a href="#add_categories_to_templatetpl"><code translate="no" dir="ltr">categories</code></a> entry.</li> <li>A <strong><a href="#metadatayaml"><code translate="no" dir="ltr">metadata.yaml</code></a></strong> file.</li> <li>A <strong><code translate="no" dir="ltr">LICENSE</code></strong> file. Filename must be in ALL CAPS and the contents of the license file must be <em>only</em> <a href="https://www.apache.org/licenses/LICENSE-2.0">Apache 2.0</a>.</li> <li>Add a <strong><code translate="no" dir="ltr">README.md</code></strong> file (optional, but recommended).</li> </ol> <aside class="note"><strong>Note:</strong><span> Use the <a href="https://github.com/gtm-vendor-templates/example-community-template">sample template repository</a> on GitHub as a model. Copy the <code translate="no" dir="ltr">LICENSE</code> file from the sample template to your project to be absolutely sure there are no errors in the content, and be sure update the Copyright line where it says "<code translate="no" dir="ltr">Copyright [yyyy] [name of copyright owner]</code>" in the sample version. Replace <code translate="no" dir="ltr">yyyy</code> with the year of copyright and <code translate="no" dir="ltr">[name of copyright owner]</code> with the copyright owner's name.</span></aside> <h3 id="add_categories_to_templatetpl" data-text="Add categories to template.tpl" tabindex="-1">Add categories to <code translate="no" dir="ltr">template.tpl</code></h3> <p>Update your <code translate="no" dir="ltr">template.tpl</code> file with a <code translate="no" dir="ltr">categories</code> entry to the <code translate="no" dir="ltr">INFO</code> section, and provide at least one relevant category value selected from the following table. If more than one category is appropriate, you can provide up to three category values, ordered from most relevant to least relevant.</p> <aside class="note"><strong>Note:</strong><span> Values for the <code translate="no" dir="ltr">categories</code> entry should be formatted as an array.</span></aside> <p><strong>Example:</strong></p> <pre class="prettyprint lang-json" translate="no" dir="ltr"><code translate="no" dir="ltr">___INFO___ { "displayName": "Example Template", "categories": ["AFFILIATE_MARKETING", "ADVERTISING"], // additional template properties, etc... } </code></pre> <p><strong>Table of supported category values:</strong></p> <table> <thead> <tr> <th>Category</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>ADVERTISING</td> <td>Advertising</td> </tr> <tr> <td>AFFILIATE_MARKETING</td> <td>Affiliate marketing</td> </tr> <tr> <td>ANALYTICS</td> <td>Analytics</td> </tr> <tr> <td>ATTRIBUTION</td> <td>Attribution</td> </tr> <tr> <td>CHAT</td> <td>Chat</td> </tr> <tr> <td>CONVERSIONS</td> <td>Conversion measurement</td> </tr> <tr> <td>DATA_WAREHOUSING</td> <td>Data Warehousing</td> </tr> <tr> <td>EMAIL_MARKETING</td> <td>Email Marketing</td> </tr> <tr> <td>EXPERIMENTATION</td> <td>A/B experiments and content optimization</td> </tr> <tr> <td>HEAT_MAP</td> <td>Heat maps</td> </tr> <tr> <td>LEAD_GENERATION</td> <td>Lead generation</td> </tr> <tr> <td>MARKETING</td> <td>Marketing</td> </tr> <tr> <td>PERSONALIZATION</td> <td>Personalization</td> </tr> <tr> <td>REMARKETING</td> <td>Remarketing</td> </tr> <tr> <td>SALES</td> <td>Sales and CRM</td> </tr> <tr> <td>SESSION_RECORDING</td> <td>Session recordings</td> </tr> <tr> <td>SOCIAL</td> <td>Social</td> </tr> <tr> <td>SURVEY</td> <td>Surveys</td> </tr> <tr> <td>TAG_MANAGEMENT</td> <td>Tag management systems</td> </tr> <tr> <td>UTILITY</td> <td>Google Tag Manager utilities</td> </tr> </tbody> </table> <h3 id="metadatayaml" data-text="metadata.yaml" tabindex="-1">metadata.yaml</h3> <p>The <code translate="no" dir="ltr">metadata.yaml</code> file contains information about your template, including links to your organization's homepage, template documentation, and version information. Each version is denoted by a change number, also known as a SHA number, which is the change number associated with the Git commit. The <code translate="no" dir="ltr">changeNotes</code> field is optional, but recommended, to inform your users of the changes included in the version.</p> <p>To set up your <code translate="no" dir="ltr">metadata.yaml</code> file:</p> <ol> <li>Add an entry <code translate="no" dir="ltr">homepage</code>. This should be a URL that points to your organization's home page.</li> <li>Add an entry for <code translate="no" dir="ltr">documentation</code>. This should be a URL that points to documentation for your template.</li> <li>In GitHub, find the commit that includes the changes that you want to push for your initial version of your template and copy the SHA number. An easy way to get the SHA number in GitHub is to go to a <a href="https://help.github.com/en/articles/differences-between-commit-views">commit view</a> and click the clipboard icon (<img src="/static/tag-platform/tag-manager/templates/img/githubclipboard.png" alt="clipboard icon" title="GitHub's clipboard icon" srcset="https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_36.png 36w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_48.png 48w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_72.png 72w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_96.png 96w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_480.png 480w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_720.png 720w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_856.png 856w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_960.png 960w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_1440.png 1440w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_1920.png 1920w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_2880.png 2880w" sizes="(max-width: 840px) 100vw, 856px">). This will copy the entire SHA number to your clipboard. Paste that number as the value for your <code translate="no" dir="ltr">sha</code> entry as a child of the <code translate="no" dir="ltr">versions</code> node, as shown below.</li> <li>Add a <code translate="no" dir="ltr">changeNotes</code> entry to the <code translate="no" dir="ltr">versions</code> node, to briefly describe changes contained in this new version.</li> </ol> <pre class="prettyprint lang-yaml" translate="no" dir="ltr"><code translate="no" dir="ltr">homepage: "https://www.example.com" documentation: "https://www.example.com/documentation" versions: - sha: 5f02a788b90ae804f86b04aa24af8937e567874a changeNotes: Initial release. </code></pre><aside class="special"><strong>Important:</strong><span> <code translate="no" dir="ltr">sha</code> and <code translate="no" dir="ltr">changeNotes</code> must be aligned as shown in the above code example.</span></aside><aside class="note"><strong>Note:</strong><span> The <code translate="no" dir="ltr">sha</code> value must reference the specific template.tpl file that you want to publish. Don't forget to update this value correctly with every new <a href="#update_your_template">version</a>!</span></aside> <h2 id="upload_to_github" data-text="Upload to GitHub" tabindex="-1">Upload to GitHub</h2> <p>The next step is to upload your files to GitHub. Create a GitHub repo with the appropriate files and structure as outlined <a href="#prepare_your_project_files">above</a>.</p> <p>Template repositories must have the files * <code translate="no" dir="ltr">template.tpl</code>, <code translate="no" dir="ltr">metadata.yaml</code>, and <code translate="no" dir="ltr">LICENSE</code> found at the root level of the Git repository. Each Git repository should only have one <code translate="no" dir="ltr">template.tpl</code> file. All resources must be on the main branch in your GitHub repository. Any template repository that does not match this structure will be removed from the Gallery.</p> <p>Each entry in the Community Template Gallery will link to the <strong><a href="https://help.github.com/en/articles/creating-an-issue">Issues</a></strong> section of the template's GitHub repository so that users can let you know if they find a bug. Make sure that issues have not been disabled for your template's GitHub repository so that you can review and address any issues that arise.</p> <h2 id="submit_your_template" data-text="Submit your template" tabindex="-1">Submit your template</h2> <p>Once your template repository is hosted on GitHub, you can proceed to submit your template to the Community Template Gallery. To submit your template, follow these steps:</p> <ol> <li>Make sure you are signed in to GitHub with an account that has access to the template repository you wish to add to the Gallery.</li> <li>Go to the Community Template Gallery at <a href="https://tagmanager.google.com/gallery">tagmanager.google.com/gallery</a>.</li> <li>Click <i class="material-icons" aria-hidden="true" translate="no">more_vert</i> and select <strong>Submit Template</strong>.</li> <li>Provide the <strong>Repository URL</strong> in the field provided and click <strong>Submit</strong>.</li> </ol> <h2 id="update_your_template" data-text="Update your template" tabindex="-1">Update your template</h2> <p>After you have published a template, you may wish to provide updates to your template from time to time. Your template users will be notified if there is an update to the template and will have the option to <a href="https://support.google.com/tagmanager/answer/9454109#update">update the template to the latest version</a>.</p> <p>The <code translate="no" dir="ltr">metadata.yaml</code> file is used to determine which version of your template to use in the gallery. To publish new versions, you need to add the change number (SHA number) to the <code translate="no" dir="ltr">versions</code> section of your <code translate="no" dir="ltr">metadata.yaml</code> file.</p> <ol> <li>Locate the commit that includes the changes that you want to push, and copy the SHA number. An easy way to do this is in GitHub is to go to a <a href="https://help.github.com/en/articles/differences-between-commit-views">commit view</a> and click the clipboard icon (<img src="/static/tag-platform/tag-manager/templates/img/githubclipboard.png" alt="clipboard icon" title="GitHub's clipboard icon" srcset="https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_36.png 36w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_48.png 48w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_72.png 72w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_96.png 96w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_480.png 480w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_720.png 720w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_856.png 856w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_960.png 960w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_1440.png 1440w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_1920.png 1920w,https://developers.google.com/static/tag-platform/tag-manager/templates/img/githubclipboard_2880.png 2880w" sizes="(max-width: 840px) 100vw, 856px">). This will copy the entire SHA number to your clipboard.</li> <li>Add a new <code translate="no" dir="ltr">sha</code> entry to the top of your <code translate="no" dir="ltr">versions</code> list in <code translate="no" dir="ltr">metadata.yaml</code>. (See the example below.)</li> <li>Add <code translate="no" dir="ltr">changeNotes</code> to briefly describe changes contained in this new version. You can create multiline comments, if desired. (See the example below.)</li> <li>Commit the change to <code translate="no" dir="ltr">metadata.yaml</code> and your update will appear in the gallery typically within 2 to 3 days.</li> </ol> <p>This example demonstrates how to add new version information including the SHA number and change notes:</p> <pre class="prettyprint lang-yaml" translate="no" dir="ltr"><code translate="no" dir="ltr">homepage: "https://www.example.com" documentation: "https://www.example.com/documentation" versions: # Latest version - sha: 5f02a788b90ae804f86b04aa24af8937e567874c changeNotes: |2 Fix bug with the whatsamajig. Improve menu options. Update API calls. # Older versions - sha: 5f02a788b90ae804f86b04aa24af8937e567874b changeNotes: Adds eject button. - sha: 5f02a788b90ae804f86b04aa24af8937e567874a changeNotes: Initial release. </code></pre><aside class="special"><strong>Important:</strong><span> Every published version of the template should be included in the <code translate="no" dir="ltr">versions</code> section ordered in <strong>reverse chronological order</strong>, (most recent to oldest).</span></aside><aside class="note"><strong>Note:</strong><span> Not every incremental commit needs to be included as a version change to the Community Templates Gallery. For example, if you make incremental changes in commits 1, 2, and 3, and the final version is commit 4, you should have just one entry for commit 4 that includes all changes from commits 1, 2, and 3.</span></aside> </div> <devsite-recommendations display="in-page" hidden yield> </devsite-recommendations> <devsite-thumb-rating position="footer"> </devsite-thumb-rating> <devsite-feedback position="footer" project-name="Google Tag Manager Templates" product-id="102259" bucket="tag-platform" context="" version="t-devsite-webserver-20241114-r00-rc02.464922260396498922" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="footer" class="nocontent" project-icon="https://developers.google.com/static/tag-platform/tag-manager/img/logo_google_tag_manager_color_1x_web_64dp.png" project-support-url="https://developers.google.com/tag-platform/support" > <button> Send feedback </button> </devsite-feedback> <devsite-recommendations id="recommendations-link" yield></devsite-recommendations> <div class="devsite-floating-action-buttons"> </div> </article> <devsite-content-footer class="nocontent"> <p>Except as otherwise noted, the content of this page is licensed under the <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 License</a>, and code samples are licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0">Apache 2.0 License</a>. For details, see the <a href="https://developers.google.com/site-policies">Google Developers Site Policies</a>. Java is a registered trademark of Oracle and/or its affiliates.</p> <p>Last updated 2024-10-09 UTC.</p> </devsite-content-footer> <devsite-notification > </devsite-notification> <div class="devsite-content-data"> <template class="devsite-thumb-rating-feedback"> <devsite-feedback position="thumb-rating" project-name="Google Tag Manager Templates" product-id="102259" bucket="tag-platform" context="" version="t-devsite-webserver-20241114-r00-rc02.464922260396498922" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="thumb-rating" class="nocontent" project-icon="https://developers.google.com/static/tag-platform/tag-manager/img/logo_google_tag_manager_color_1x_web_64dp.png" project-support-url="https://developers.google.com/tag-platform/support" > <button> Need to tell us more? </button> </devsite-feedback> </template> <template class="devsite-content-data-template"> [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-10-09 UTC."],[],[]] </template> </div> </devsite-content> </main> <devsite-footer-promos class="devsite-footer"> </devsite-footer-promos> <devsite-footer-linkboxes class="devsite-footer"> <nav class="devsite-footer-linkboxes nocontent" aria-label="Footer links"> <ul class="devsite-footer-linkboxes-list"> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Connect</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//googledevelopers.blogspot.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Blog </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://www.instagram.com/googlefordevs/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Instagram </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://www.linkedin.com/showcase/googledevelopers/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > LinkedIn </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//twitter.com/googledevs" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > X (Twitter) </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//www.youtube.com/user/GoogleDevelopers" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > YouTube </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Programs</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//www.womentechmakers.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Women Techmakers </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/gdg" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Google Developer Groups </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/experts" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Google Developer Experts </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/accelerators" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Accelerators </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/gdsc" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > Google Developer Student Clubs </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Developer consoles</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//console.developers.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Google API Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.cloud.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Google Cloud Platform Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//play.google.com/apps/publish" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Google Play Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.firebase.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Firebase Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.actions.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > Actions on Google Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//cast.google.com/publish" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)" > Cast SDK Developer Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//chrome.google.com/webstore/developer/dashboard" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)" > Chrome Web Store Dashboard </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.home.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 8)" > Google Home Developer Console </a> </li> </ul> </li> </ul> </nav> </devsite-footer-linkboxes> <devsite-footer-utility class="devsite-footer"> <div class="devsite-footer-utility nocontent"> <nav class="devsite-footer-sites" aria-label="Other Google Developers websites"> <a href="https://developers.google.com/" class="devsite-footer-sites-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link"> <picture> <img class="devsite-footer-sites-logo" src="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/lockup-google-for-developers.svg" loading="lazy" alt="Google Developers"> </picture> </a> <ul class="devsite-footer-sites-list"> <li class="devsite-footer-sites-item"> <a href="//developer.android.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Android Link" > Android </a> </li> <li class="devsite-footer-sites-item"> <a href="//developer.chrome.com/home" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Chrome Link" > Chrome </a> </li> <li class="devsite-footer-sites-item"> <a href="//firebase.google.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Firebase Link" > Firebase </a> </li> <li class="devsite-footer-sites-item"> <a href="//cloud.google.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Cloud Platform Link" > Google Cloud Platform </a> </li> <li class="devsite-footer-sites-item"> <a href="//ai.google.dev/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google AI Link" > Google AI </a> </li> <li class="devsite-footer-sites-item"> <a href="/products" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer All products Link" > All products </a> </li> </ul> </nav> <nav class="devsite-footer-utility-links" aria-label="Utility links"> <ul class="devsite-footer-utility-list"> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="/terms/site-terms" data-category="Site-Wide Custom Events" data-label="Footer Terms link" > Terms </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link" > Privacy </a> </li> <li class="devsite-footer-utility-item glue-cookie-notification-bar-control"> <a class="devsite-footer-utility-link gc-analytics-event" href="#" data-category="Site-Wide Custom Events" data-label="Footer Manage cookies link" aria-hidden="true" > Manage cookies </a> </li> <li class="devsite-footer-utility-item devsite-footer-utility-button"> <span class="devsite-footer-utility-description">Sign up for the Google for Developers newsletter</span> <a class="devsite-footer-utility-link gc-analytics-event" href="/newsletter/subscribe" data-category="Site-Wide Custom Events" data-label="Footer Subscribe link" > Subscribe </a> </li> </ul> <devsite-language-selector> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" >English</a> </li> <li role="presentation"> <a role="menuitem" lang="de" >Deutsch</a> </li> <li role="presentation"> <a role="menuitem" lang="es" >Español</a> </li> <li role="presentation"> <a role="menuitem" lang="es_419" >Español – América Latina</a> </li> <li role="presentation"> <a role="menuitem" lang="fr" >Français</a> </li> <li role="presentation"> <a role="menuitem" lang="id" >Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="it" >Italiano</a> </li> <li role="presentation"> <a role="menuitem" lang="pl" >Polski</a> </li> <li role="presentation"> <a role="menuitem" lang="pt_br" >Português – Brasil</a> </li> <li role="presentation"> <a role="menuitem" lang="vi" >Tiếng Việt</a> </li> <li role="presentation"> <a role="menuitem" lang="tr" >Türkçe</a> </li> <li role="presentation"> <a role="menuitem" lang="ru" >Русский</a> </li> <li role="presentation"> <a role="menuitem" lang="he" >עברית</a> </li> <li role="presentation"> <a role="menuitem" lang="ar" >العربيّة</a> </li> <li role="presentation"> <a role="menuitem" lang="fa" >فارسی</a> </li> <li role="presentation"> <a role="menuitem" lang="hi" >हिंदी</a> </li> <li role="presentation"> <a role="menuitem" lang="bn" >বাংলা</a> </li> <li role="presentation"> <a role="menuitem" lang="th" >ภาษาไทย</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_cn" >中文 – 简体</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_tw" >中文 – 繁體</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" >日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" >한국어</a> </li> </ul> </devsite-language-selector> </nav> </div> </devsite-footer-utility> <devsite-panel></devsite-panel> <devsite-concierge data-info-panel data-ai-panel data-api-explorer-panel > </devsite-concierge> </section></section> <devsite-sitemask></devsite-sitemask> <devsite-snackbar></devsite-snackbar> <devsite-tooltip ></devsite-tooltip> <devsite-heading-link></devsite-heading-link> <devsite-analytics> <script type="application/json" analytics>[{"dimensions": {"dimension5": "en", "dimension3": false, "dimension4": "Google Tag Manager Templates", "dimension11": false, "dimension1": "Signed out", "dimension6": "en"}, "gaid": "UA-24532603-1", "metrics": {"ratings_count": "metric2", "ratings_value": "metric1"}, "purpose": 1}]</script> <script type="application/json" tag-management>{"at": "True", "ga4": [{"id": "G-272J68FCRF", "purpose": 1}, {"id": "G-7GV7GNWXNZ", "purpose": 0}], "ga4p": [{"id": "G-272J68FCRF", "purpose": 1}], "gtm": [], "parameters": {"internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "article", "projectName": "Google Tag Manager Templates", "signedIn": "False", "tenant": "developers", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}, "experiment": {"ids": ""}}}</script> </devsite-analytics> <devsite-badger></devsite-badger> <script nonce="QtmnRbYK9dnZXEayDi+EXR/EZKsjGD"> (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i; t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0]; E.parentNode.insertBefore(t,E);})(window, document, 'script', 'https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/js/app_loader.js', '[1,"en",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers","https://developers-dot-devsite-v2-prod.appspot.com",null,null,["/_pwa/developers/manifest.json","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/favicon-new.png","https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,116,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg","developers.google.com","AIzaSyAQk0fBONSGUqCNznf6Krs82Ap1-NV6J4o","AIzaSyCCxcqdrZ_7QMeLCRY20bh_SXdAYqy70KY",null,null,null,["EngEduTelemetry__enable_engedu_telemetry","Experiments__reqs_query_experiments","Profiles__enable_release_notes_notifications","MiscFeatureFlags__emergency_css","Cloud__enable_cloudx_experiment_ids","Profiles__enable_awarding_url","Cloud__enable_cloud_shell_fte_user_flow","TpcFeatures__enable_mirror_tenant_redirects","Concierge__enable_concierge_restricted","Profiles__enable_public_developer_profiles","CloudShell__cloud_code_overflow_menu","Cloud__enable_free_trial_server_call","Cloud__enable_legacy_calculator_redirect","Profiles__enable_recognition_badges","Cloud__enable_llm_concierge_chat","MiscFeatureFlags__enable_explain_this_code","Profiles__enable_page_saving","Profiles__enable_developer_profiles_callout","DevPro__enable_cloud_innovators_plus","Profiles__require_profile_eligibility_for_signin","Cloud__enable_cloud_facet_chat","Cloud__enable_cloud_shell","CloudShell__cloud_shell_button","Profiles__enable_dashboard_curated_recommendations","Search__enable_suggestions_from_borg","Search__enable_ai_search_summaries_restricted","Concierge__enable_pushui","MiscFeatureFlags__developers_footer_dark_image","Search__enable_page_map","Cloud__enable_cloudx_ping","TpcFeatures__enable_required_headers","MiscFeatureFlags__enable_firebase_utm","Profiles__enable_profile_collections","Profiles__enable_complete_playlist_endpoint","Search__enable_ai_search_summaries","MiscFeatureFlags__enable_view_transitions","Analytics__enable_clearcut_logging","DevPro__enable_developer_subscriptions","MiscFeatureFlags__enable_variable_operator","Search__enable_ai_eligibility_checks","Significatio__enable_by_tenant","Search__enable_dynamic_content_confidential_banner","BookNav__enable_tenant_cache_key","Concierge__enable_concierge","Profiles__enable_completecodelab_endpoint","MiscFeatureFlags__enable_project_variables","Cloud__enable_cloud_dlp_service","MiscFeatureFlags__developers_footer_image"],null,null,"AIzaSyBLEMok-5suZ67qRPzx0qUtbnLmyT_kCVE","https://developerscontentserving-pa.clients6.google.com","AIzaSyCM4QpTRSqP5qI4Dvjt4OAScIN8sOUlO-k","https://developerscontentsearch-pa.clients6.google.com",1,4,null,"https://developerprofiles-pa.clients6.google.com",[1,"developers","Google for Developers","developers.google.com",null,"developers-dot-devsite-v2-prod.appspot.com",null,null,[1,1,[1],null,null,null,null,null,null,null,null,[1],null,null,null,null,null,null,[1],[1,null,null,[1,20],"/recommendations/information"],null,null,null,[1,1,1],[1,1,null,1,1]],null,[null,null,null,null,null,null,"/images/lockup-new.svg","/images/touchicon-180-new.png",null,null,null,null,1,null,null,null,null,null,null,null,null,1,null,null,null,"/images/lockup-dark-theme-new.svg",[]],[],null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,[6,1,14,15,20,22,23,29,32,36],null,[[null,null,null,[3,7,10,2,39,17,4,32,24,11,12,13,34,15,25],null,null,[1,[["docType","Choose a content type",[["Tutorial",null,null,null,null,null,null,null,null,"Tutorial"],["Guide",null,null,null,null,null,null,null,null,"Guide"],["Sample",null,null,null,null,null,null,null,null,"Sample"]]],["product","Choose a product",[["Android",null,null,null,null,null,null,null,null,"Android"],["ARCore",null,null,null,null,null,null,null,null,"ARCore"],["ChromeOS",null,null,null,null,null,null,null,null,"ChromeOS"],["Firebase",null,null,null,null,null,null,null,null,"Firebase"],["Flutter",null,null,null,null,null,null,null,null,"Flutter"],["Assistant",null,null,null,null,null,null,null,null,"Google Assistant"],["GoogleCloud",null,null,null,null,null,null,null,null,"Google Cloud"],["GoogleMapsPlatform",null,null,null,null,null,null,null,null,"Google Maps Platform"],["GooglePay",null,null,null,null,null,null,null,null,"Google Pay & Google Wallet"],["GooglePlay",null,null,null,null,null,null,null,null,"Google Play"],["Tensorflow",null,null,null,null,null,null,null,null,"TensorFlow"]]],["category","Choose a topic",[["AiAndMachineLearning",null,null,null,null,null,null,null,null,"AI and Machine Learning"],["Data",null,null,null,null,null,null,null,null,"Data"],["Enterprise",null,null,null,null,null,null,null,null,"Enterprise"],["Gaming",null,null,null,null,null,null,null,null,"Gaming"],["Mobile",null,null,null,null,null,null,null,null,"Mobile"],["Web",null,null,null,null,null,null,null,null,"Web"]]]]]],[1,1],null,1],[[["UA-24532603-1"],["UA-22084204-5"],null,null,["UA-24532603-5"],null,null,[["G-272J68FCRF"],null,null,[["G-272J68FCRF",2]]],[["UA-24532603-1",2]],null,[["UA-24532603-5",2]],null,1],[[1,1],[11,8],[15,12],[14,11],[4,3],[3,2],[5,4],[6,5],[13,10],[12,9],[16,13]],[[1,1],[2,2]]],null,4,null,null,null,null,null,null,null,null,null,null,null,null,null,"developers.devsite.google"],null,"pk_live_5170syrHvgGVmSx9sBrnWtA5luvk9BwnVcvIi7HizpwauFG96WedXsuXh790rtij9AmGllqPtMLfhe2RSwD6Pn38V00uBCydV4m"]') </script> <devsite-a11y-announce></devsite-a11y-announce> </body> </html>