CINXE.COM

<!DOCTYPE html><html lang="en-US"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><link rel="icon" href="https://cdn.livechat-static.com/api/file/kb/file/14613522/6088fef4d0-ecb9aad0d61b2d181470.png" sizes="any"/><meta property="og:image" content="https://cdn.livechat-static.com/api/file/kb/file/14613522/9332fbe3f4-0330b0e584c0db88960f.png"/><title>Google Tag Manager native app: integrate OpenWidget with your website | OpenWidget Help Center</title><meta name="description" content="OpenWidget Help Center: Google Tag Manager native app: integrate OpenWidget with your website"/><meta property="og:title" content="Google Tag Manager native app: integrate OpenWidget with your website | OpenWidget Help Center"/><meta property="og:type" content="website"/><meta property="og:url" content="https://help.openwidget.com/google-tag-manager-native-app-integrate-openwidget-with-your-website/"/><link rel="canonical" href="https://help.openwidget.com/google-tag-manager-native-app-integrate-openwidget-with-your-website/"/><meta name="next-head-count" content="10"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-880e48e2fc817058.js" defer=""></script><script src="/_next/static/chunks/framework-efd18f4d51f604cf.js" defer=""></script><script src="/_next/static/chunks/main-381489ec99e77ce6.js" defer=""></script><script src="/_next/static/chunks/pages/_app-a95038f14d8707d8.js" defer=""></script><script src="/_next/static/chunks/pages/%5BcontentSlug%5D-babae6aa0bd9dc8c.js" defer=""></script><script src="/_next/static/pl_OxmneNKQvvwk6n5P1b/_buildManifest.js" defer=""></script><script src="/_next/static/pl_OxmneNKQvvwk6n5P1b/_ssgManifest.js" defer=""></script><style data-styled="" data-styled-version="6.0.7">.gYARPx{flex-shrink:0;}/*!sc*/ data-styled.g2[id="sc-grXZZQ"]{content:"gYARPx,"}/*!sc*/ .xpcCN{color:#06f;font-weight:500;font-size:18px;text-decoration:none;transition-duration:0.2s;}/*!sc*/ .xpcCN:hover{color:#0059e1;text-decoration:underline;}/*!sc*/ data-styled.g3[id="sc-dkjKgF"]{content:"xpcCN,"}/*!sc*/ .hCNkkG{position:relative;padding:10px 24px;background:transparent;border-radius:8px;border:1px solid #c9c9cd;cursor:pointer;transition-duration:0.2s;font-weight:500;font-size:18px;line-height:1.3;display:inline-flex;justify-content:center;align-items:center;gap:8px;color:#000;}/*!sc*/ .hCNkkG:hover{background:#1b1b20;color:#fff;text-decoration:none;}/*!sc*/ .hCNkkG:disabled{cursor:not-allowed;color:#000;background:transparent;opacity:0.5;}/*!sc*/ @container (max-width: 540px){.hCNkkG{font-size:15px;}}/*!sc*/ data-styled.g5[id="sc-eDnVMP"]{content:"hCNkkG,"}/*!sc*/ .itagjd{display:inline-flex;}/*!sc*/ data-styled.g6[id="sc-jSwlEQ"]{content:"itagjd,"}/*!sc*/ .llQHzx{visibility:visible;display:flex;align-items:center;gap:6px;}/*!sc*/ data-styled.g7[id="sc-gKHVLF"]{content:"llQHzx,"}/*!sc*/ .gUIaMi{display:flex;align-items:center;gap:8px;margin:3px;margin-left:0;font-size:16px;line-height:1.8;padding:12px;transition:all 0.2s ease-in-out;border:0;background:transparent;}/*!sc*/ .gUIaMi:hover{color:#000000;opacity:0.7;background:transparent;}/*!sc*/ .gUIaMi:disabled{border:none;opacity:0.6;}/*!sc*/ data-styled.g20[id="sc-fEyylQ"]{content:"gUIaMi,"}/*!sc*/ .iqcUQG{display:flex;border-radius:10px;width:100%;height:48px;background:#fff;}/*!sc*/ data-styled.g23[id="sc-dIEoRj"]{content:"iqcUQG,"}/*!sc*/ .jISIuG{flex-grow:1;min-width:0;margin:0 18px;margin-right:0;padding:0;border:none;font-size:16px;font-weight:400;color:#131317;background:transparent;}/*!sc*/ .jISIuG::placeholder{color:#8d8d95;}/*!sc*/ .jISIuG:focus{outline:none;}/*!sc*/ .jISIuG:disabled{cursor:not-allowed;color:#595959;background:transparent;}/*!sc*/ data-styled.g24[id="sc-hHvkSs"]{content:"jISIuG,"}/*!sc*/ .eUbbRy{font-size:14px;font-weight:400;color:#57575c;}/*!sc*/ .eUbbRy:last-child{color:#000;pointer-events:none;}/*!sc*/ .jSyWdP{font-size:14px;font-weight:500;color:#57575c;}/*!sc*/ .jSyWdP:last-child{color:#000;pointer-events:none;}/*!sc*/ data-styled.g28[id="sc-bBbNsw"]{content:"eUbbRy,jSyWdP,"}/*!sc*/ .bcdago{display:flex;align-items:center;gap:12px;color:#57575c;white-space:nowrap;overflow:auto;padding-right:20px;-webkit-mask-image:linear-gradient(to right, black 90%, transparent 100%);}/*!sc*/ .bcdago a:hover{color:#000;text-decoration:none;}/*!sc*/ @container (max-width: 540px){.bcdago{gap:8px;}}/*!sc*/ data-styled.g29[id="sc-ivDvhZ"]{content:"bcdago,"}/*!sc*/ .edVlqd{display:flex;justify-content:center;align-self:center;width:80%;max-width:540px;margin:0 30px;margin-bottom:40px;border-top:1px solid #e2e2e4;}/*!sc*/ data-styled.g76[id="sc-hlDEJj"]{content:"edVlqd,"}/*!sc*/ .gljtKI{padding:20px 5% 0;font-size:16px;font-weight:400;color:#000;text-decoration:none;text-align:center;transition:opacity 0.2s ease-in-out;}/*!sc*/ .gljtKI:hover{color:#000;opacity:0.7;text-decoration:none;}/*!sc*/ data-styled.g77[id="sc-eKQWOK"]{content:"gljtKI,"}/*!sc*/ .gqcXXY{width:100%;height:32px;position:fixed;bottom:0;left:0;display:flex;justify-content:center;align-items:center;gap:8px;background:#f5f5f5;}/*!sc*/ data-styled.g78[id="sc-bTLJel"]{content:"gqcXXY,"}/*!sc*/ .cIGqhy{color:#4f4f4f;font-size:12px;letter-spacing:0.4px;font-weight:400;display:flex;align-items:center;gap:4px;height:100%;padding:0 20px;}/*!sc*/ .cIGqhy:hover{text-decoration:none;color:#8d8d95;}/*!sc*/ data-styled.g79[id="sc-kIuKII"]{content:"cIGqhy,"}/*!sc*/ body{margin:0;padding:0;}/*!sc*/ @media (max-width: 540px){body:has(#search-results){overflow:hidden;}}/*!sc*/ data-styled.g86[id="sc-global-kbOzVr1"]{content:"sc-global-kbOzVr1,"}/*!sc*/ .crfEfA{display:flex;justify-content:center;width:100%;flex:1;scroll-margin:16px;}/*!sc*/ data-styled.g97[id="sc-fHKCsJ"]{content:"crfEfA,"}/*!sc*/ .jGkgxf{background:#ececec;}/*!sc*/ data-styled.g98[id="sc-dujzCk"]{content:"jGkgxf,"}/*!sc*/ .kALDkH{padding:64px 20px;margin-bottom:20px;width:100%;border-radius:5px;background:#f6f6f7;display:flex;flex-direction:column;align-items:center;gap:36px;}/*!sc*/ @container (max-width: 540px){.kALDkH{gap:20px;padding:30px;}}/*!sc*/ data-styled.g109[id="sc-jGFknz"]{content:"kALDkH,"}/*!sc*/ .gksUJY{color:#000;text-align:center;font-size:24px;letter-spacing:-0.03em;font-weight:500;line-height:1.4;}/*!sc*/ @container (max-width: 540px){.gksUJY{font-size:18px;}}/*!sc*/ data-styled.g110[id="sc-bPNYWC"]{content:"gksUJY,"}/*!sc*/ .eJNqmy{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;}/*!sc*/ @container (max-width: 540px){.eJNqmy{gap:16px;}.eJNqmy button{padding:6px 14px;font-size:14px;}.eJNqmy button svg{width:20px;height:20px;}}/*!sc*/ data-styled.g111[id="sc-fWYGfq"]{content:"eJNqmy,"}/*!sc*/ .iZOsSB{padding:64px 0;font-size:30px;word-break:break-word;width:727px;max-width:727px;margin:0 auto;}/*!sc*/ @container (max-width: 1024px){.iZOsSB{padding-top:20px;max-width:100%;}}/*!sc*/ @container (max-width: 1024px){.iZOsSB{padding-bottom:36px;}}/*!sc*/ data-styled.g112[id="sc-Fiojb"]{content:"iZOsSB,"}/*!sc*/ .gvDTgH{flex:1;}/*!sc*/ data-styled.g113[id="sc-jWoQCg"]{content:"gvDTgH,"}/*!sc*/ .bpuCnD{margin:24px 0 32px;font-size:42px;line-height:1.3em;letter-spacing:-0.03em;font-weight:600;}/*!sc*/ @container (max-width: 1024px){.bpuCnD{font-size:34px;}}/*!sc*/ @container (max-width: 540px){.bpuCnD{font-size:22px;}}/*!sc*/ data-styled.g114[id="sc-eEyyFR"]{content:"bpuCnD,"}/*!sc*/ .jiTeER{display:flex;flex-wrap:wrap;margin-bottom:32px;}/*!sc*/ .jiTeER >:not(:last-child){padding-right:24px;}/*!sc*/ data-styled.g115[id="sc-fnhmGq"]{content:"jiTeER,"}/*!sc*/ .eJaKKN{display:flex;align-items:center;gap:4px;}/*!sc*/ @container (max-width: 540px){.eJaKKN svg{width:15px;height:15px;}}/*!sc*/ data-styled.g116[id="sc-lkMEiX"]{content:"eJaKKN,"}/*!sc*/ .lbuOmQ{color:#57575c;font-size:16px;font-weight:400;white-space:nowrap;}/*!sc*/ @container (max-width: 1024px){.lbuOmQ{font-size:15px;}}/*!sc*/ @container (max-width: 540px){.lbuOmQ{font-size:13px;}}/*!sc*/ data-styled.g117[id="sc-jmxxdg"]{content:"lbuOmQ,"}/*!sc*/ .csJdHj{flex-shrink:0;}/*!sc*/ data-styled.g118[id="sc-dUHfgR"]{content:"csJdHj,"}/*!sc*/ .gKiLgh{flex-shrink:0;}/*!sc*/ data-styled.g119[id="sc-htehxa"]{content:"gKiLgh,"}/*!sc*/ .dwvaka{width:100%;font-size:17px;font-weight:400;}/*!sc*/ .dwvaka h1,.dwvaka h2,.dwvaka h3,.dwvaka h4,.dwvaka h5,.dwvaka h6{font-weight:500;line-height:1.3em;}/*!sc*/ .dwvaka strong,.dwvaka b{font-weight:500;}/*!sc*/ .dwvaka iframe{width:100%;height:auto;aspect-ratio:16/9;}/*!sc*/ .dwvaka img{max-width:100%;height:auto;border:1px solid #dde2e6;padding:4px;box-sizing:border-box;border-radius:2px;}/*!sc*/ .dwvaka table{max-width:100%;border-collapse:collapse;}/*!sc*/ .dwvaka li{margin-bottom:3px;}/*!sc*/ .dwvaka code:not([class*="language-"]){background-color:#e8e8e8;border-radius:3px;padding:0.1rem 0.2rem;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-weight:400;font-size:16px;}/*!sc*/ .dwvaka p code{font-size:16px;}/*!sc*/ .dwvaka pre[class*="language-"]{font-size:16px;border-radius:4px;}/*!sc*/ .dwvaka pre[class*="language-"] *{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;}/*!sc*/ .dwvaka details.mce-accordion{padding:8px;border-radius:4px;border:1px solid transparent;transition:border 0.3s ease-in-out;}/*!sc*/ .dwvaka details.mce-accordion summary{cursor:pointer;}/*!sc*/ .dwvaka details.mce-accordion[open]{border-color:#e2e2e4;padding-bottom:0;}/*!sc*/ .dwvaka details.mce-accordion:hover{border-color:#e2e2e4;}/*!sc*/ .dwvaka details.mce-accordion summary::marker{content:none;}/*!sc*/ .dwvaka details.mce-accordion summary::before{display:inline-block;content:"▶️";margin-right:6px;transition:transform 0.2s ease-in-out;}/*!sc*/ .dwvaka details.mce-accordion[open] summary::before{transform:rotate(90deg);}/*!sc*/ .dwvaka details.mce-accordion p{padding-left:18px;}/*!sc*/ .dwvaka figure{display:table;margin:1rem auto;}/*!sc*/ .dwvaka figure figcaption{color:#999;display:block;margin-top:0.25rem;text-align:center;}/*!sc*/ .dwvaka hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0;}/*!sc*/ .dwvaka table:not([cellpadding]) th,.dwvaka table:not([cellpadding]) td{padding:0.4rem;}/*!sc*/ .dwvaka table[border]:not([border="0"]):not([style*="border-width"]) th,.dwvaka table[border]:not([border="0"]):not([style*="border-width"]) td{border-width:1px;}/*!sc*/ .dwvaka table[border]:not([border="0"]):not([style*="border-style"]) th,.dwvaka table[border]:not([border="0"]):not([style*="border-style"]) td{border-style:solid;}/*!sc*/ .dwvaka table[border]:not([border="0"]):not([style*="border-color"]) th,.dwvaka table[border]:not([border="0"]):not([style*="border-color"]) td{border-color:#ccc;}/*!sc*/ .dwvaka blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem;}/*!sc*/ @container (max-width: 540px){.dwvaka{font-size:15px;}.dwvaka ul{padding-left:20px;}}/*!sc*/ data-styled.g120[id="sc-cbnPAL"]{content:"dwvaka,"}/*!sc*/ .dXYRRE{height:70px;border-bottom:1px solid #e2e2e4;border-top:4px solid #000000;}/*!sc*/ @container (max-width: 540px){.dXYRRE{border-top:0;height:auto;}}/*!sc*/ data-styled.g121[id="sc-hjbpFB"]{content:"dXYRRE,"}/*!sc*/ .jnoPEB{max-width:1440px;width:100%;height:100%;margin:0 auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between;position:relative;}/*!sc*/ @container (max-width: 1024px){.jnoPEB{padding:0 32px;}}/*!sc*/ @container (max-width: 540px){.jnoPEB{flex-direction:column;align-items:flex-start;gap:16px;padding:20px;}}/*!sc*/ data-styled.g123[id="sc-fWzlon"]{content:"jnoPEB,"}/*!sc*/ .kBWzqW{display:flex;align-items:center;gap:16px;color:#1b1b20;font-size:16px;font-weight:500;}/*!sc*/ .kBWzqW:hover{color:#1b1b20;text-decoration:none;}/*!sc*/ data-styled.g124[id="sc-fHIGvW"]{content:"kBWzqW,"}/*!sc*/ .fiEEOb{max-height:30px;height:100%;}/*!sc*/ @container (max-width: 540px){.fiEEOb{max-height:24px;max-width:50%;}}/*!sc*/ data-styled.g125[id="sc-gzjWgB"]{content:"fiEEOb,"}/*!sc*/ .khSYrT{transition:transform 0.3s ease-in-out;}/*!sc*/ data-styled.g127[id="sc-fmHRPn"]{content:"khSYrT,"}/*!sc*/ .eUuTfF{display:flex;align-items:center;gap:4px;color:#1b1b20;font-size:16px;font-weight:500;transition:opacity 0.2s ease-in-out;}/*!sc*/ .eUuTfF:hover{color:#1b1b20;text-decoration:none;opacity:0.8;}/*!sc*/ .eUuTfF:hover .sc-fmHRPn{transform:scaleY(0.9) translateX(2px);}/*!sc*/ @container (max-width: 1024px){.eUuTfF{display:none;}}/*!sc*/ data-styled.g128[id="sc-eXRmWW"]{content:"eUuTfF,"}/*!sc*/ .eKiWec{position:relative;display:flex;flex:2;flex-direction:row-reverse;align-items:center;width:100%;max-width:500px;padding:0 20px;}/*!sc*/ @container (max-width: 1024px){.eKiWec{padding-right:0;}.eKiWec:has(input:checked){width:100%;height:100%;max-width:100%;background:#fff;}}/*!sc*/ @container (max-width: 540px){.eKiWec{width:100%;padding:0;display:flex;}}/*!sc*/ data-styled.g129[id="sc-iFgQXl"]{content:"eKiWec,"}/*!sc*/ .lliLqd{container-type:inline-size;background:#fff;min-height:100vh;}/*!sc*/ data-styled.g130[id="sc-iqqmeU"]{content:"lliLqd,"}/*!sc*/ .jeJczw{display:flex;flex-direction:column;width:100%;max-width:1180px;padding:0 30px;margin:0 auto;margin-bottom:40px;}/*!sc*/ @container (max-width: 540px){.jeJczw{padding:0 20px;}}/*!sc*/ data-styled.g131[id="sc-eVAmPc"]{content:"jeJczw,"}/*!sc*/ .fiFJHZ{line-height:1.5;}/*!sc*/ .fiFJHZ *{font-family:"Rubik",-apple-system,"system-ui","Segoe UI","Helvetica Neue",Arial,sans-serif;box-sizing:border-box;-webkit-font-smoothing:antialiased;}/*!sc*/ data-styled.g138[id="sc-iJABxv"]{content:"fiFJHZ,"}/*!sc*/ </style><style data-href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap">@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-WYi1Uw.woff) format('woff')}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1Uw.woff) format('woff')}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYi1Uw.woff) format('woff')}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-4I-1Uw.woff) format('woff')}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style></head><body><div id="__next"><div class="sc-iJABxv fiFJHZ"><div class="sc-iqqmeU lliLqd"><div class="sc-hjbpFB dXYRRE"><header class="sc-fWzlon jnoPEB"><a class="sc-dkjKgF xpcCN sc-fHIGvW kBWzqW" href="/"><img src="https://cdn.livechat-files.com/api/file/kb/file/14613522/80e2a675f3-c19dcdf23ddc8402f1f5.png" alt="Company logo" class="sc-gzjWgB fiEEOb"/>Help Center</a><div class="sc-iFgQXl eKiWec"><form id="header-search" class="sc-fHKCsJ crfEfA"><div class="sc-dIEoRj iqcUQG sc-dujzCk jGkgxf"><input id="a4e3bdef-a86e-4bd1-ae88-8c7c288ee4c5" placeholder="Ask a question..." class="sc-hHvkSs jISIuG" value=""/><button type="submit" aria-label="search-button" class="sc-eDnVMP hCNkkG sc-fEyylQ gUIaMi"><div class="sc-gKHVLF llQHzx"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-search"><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path><path d="M21 21l-6 -6"></path></svg></div></button></div></form></div><a target="_blank" class="sc-dkjKgF xpcCN sc-eXRmWW eUuTfF" href="https://openwidget.com">Visit openwidget.com <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-fmHRPn khSYrT"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a></header></div><div class="sc-eVAmPc jeJczw"><div class="sc-Fiojb iZOsSB"><main class="sc-jWoQCg gvDTgH"><nav class="sc-ivDvhZ bcdago"><a class="sc-dkjKgF xpcCN sc-bBbNsw eUbbRy" href="/">Home</a><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-grXZZQ gYARPx"><path d="M9 6l6 6l-6 6"></path></svg><a class="sc-dkjKgF xpcCN sc-bBbNsw eUbbRy" href="/add-openwidget-to-your-store/">Add OpenWidget to your store</a><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-grXZZQ gYARPx"><path d="M9 6l6 6l-6 6"></path></svg><span class="sc-bBbNsw jSyWdP">Google Tag Manager native app: integrate OpenWidget with your website</span></nav><h1 class="sc-eEyyFR bpuCnD">Google Tag Manager native app: integrate OpenWidget with your website</h1><div class="sc-fnhmGq jiTeER"><span class="sc-lkMEiX eJaKKN"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#57575c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-dUHfgR csJdHj"><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M12 12h3.5"></path><path d="M12 7v5"></path></svg><span class="sc-jmxxdg lbuOmQ">3 min. read</span></span><span class="sc-lkMEiX eJaKKN"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#57575c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-htehxa gKiLgh"><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"></path><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"></path></svg><span class="sc-jmxxdg lbuOmQ">last update: 01.18.2024</span></span></div><article class="sc-cbnPAL dwvaka"><p>Using Google Tag Manager to manage code on your website? Great! Now you can also use it to <strong>enhance your customers' satisfaction</strong>. By adding OpenWidget to your website, you will get:</p> <ul> <li>a <strong>Contact Form</strong>, giving your customers the option to reach you whenever a need arises;</li> <li>an AI-based <strong>Product Recommendations </strong>widget, driving more sales by helping your customers choose the right product;</li> <li>a <strong>Google Reviews</strong> widget, allowing you to showcase your online reputation and increase customers' trust</li> </ul> <p>And much, much more. <a href="https://openwidget.com/widgets"><strong>Check out all of our available widgets</strong></a> and decide which will suit you best. Once you do, add OpenWidget to your website via Google Tag Manager!</p> <blockquote>Don't have an OpenWidget account yet? Don't worry! We prepared a dedicated article that will guide you through the entire process. <a href="https://help.openwidget.com/create-your-openwidget-account/"><strong><ins>Click here</ins></strong></a> to check it out!</blockquote> <h2></h2> <h2><strong>How to add OpenWidget via Google Tag Manager?</strong></h2> <p>There are two ways to add OpenWidget to your website via Google Tag Manager:</p> <ol> <li>You can add it to your website with the help of our official Google Tag Manager integration – this step is much easier as the integration will perform most of the necessary steps for you.</li> <li>Or you can add OpenWidget's snippet code to your Google Tag Manager manually.</li> </ol> <p>Below, you will find step-by-step instructions for both of those processes.</p> <h3><strong>Install OpenWidget via our official Google Tag Manager Integration</strong></h3> <ul> <li>First, <strong>log in to the </strong><a href="https://app.openwidget.com/"><strong>OpenWidget application</strong></a> and <strong>go to </strong><a href="https://app.openwidget.com/configurator/code-snippet"><strong>Add to website</strong></a><strong> section</strong>.</li> <li>While there, <strong>click on the Google Tag Manager tile.</strong></li> </ul> <img style="float:none;height: undefined;width: undefined" alt="undefined" src="https://cdn.livechat-files.com/api/file/kb/file/14613522/04693d3705-5a3c72110ffcec102121.png"> <ul> <li>You will see a new modal with the <strong>Sign in with Google </strong>button – <strong>click on it to proceed</strong>.</li> <li>OpenWidget will now redirect you to the Google Accounts page. While there, <strong>log in to your Google Account associated with your Google Tag Manager.</strong></li> </ul> <img style="float:none;height: undefined;width: undefined" alt="undefined" src="https://cdn.livechat-files.com/api/file/kb/file/14613522/e2958a0bce-06ed5369cb72f5e15436.png"> <ul> <li>If the authorization is successful, <strong>we will take you back to OpenWidget to finish the process</strong>. You should see a screen on which you can choose where exactly you would like to add OpenWidget:</li> <ul> <li>which<strong> GTM Account </strong>– it represents to which Google Tag Manager accounts you have access</li> <li>which <strong>Container </strong>– it usually represents the website on which the Google Tag Manager is used</li> </ul> <li>Once everything is ready, <strong>click on the Add and publish button</strong>, and we will automatically add OpenWidget's snippet to your Google Tag Manager and publish it on your website.</li> </ul> <blockquote><strong>Important note:</strong> If you have any unpublished changes in your default workspace, we will add OpenWidget to it, but we won't be able to publish it on your website automatically. When that happens, you will see the <strong>Add to Workspace </strong>button instead of the <strong>Add and publish, </strong>and after adding OpenWidget to your Workspace, you will need to review and publish new changes manually.</blockquote> <img style="float:none;height: undefined;width: undefined" alt="undefined" src="https://cdn.livechat-files.com/api/file/kb/file/14613522/16a6ce7a1d-32877c33bfc3e45878d1.gif"> <p>And that's it! Now that your changes are published, OpenWidget should be visible for all customers browsing through your website.</p> </article></main></div><div class="sc-jGFknz kALDkH"><span class="sc-bPNYWC gksUJY">Was this article helpful?</span><div class="sc-fWYGfq eJNqmy"><button class="sc-eDnVMP hCNkkG"><div class="sc-gKHVLF llQHzx"><div class="sc-jSwlEQ itagjd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-thumb-up-filled"><path d="M13 3a3 3 0 0 1 2.995 2.824l.005 .176v4h2a3 3 0 0 1 2.98 2.65l.015 .174l.005 .176l-.02 .196l-1.006 5.032c-.381 1.626 -1.502 2.796 -2.81 2.78l-.164 -.008h-8a1 1 0 0 1 -.993 -.883l-.007 -.117l.001 -9.536a1 1 0 0 1 .5 -.865a2.998 2.998 0 0 0 1.492 -2.397l.007 -.202v-1a3 3 0 0 1 3 -3z" fill="currentColor" stroke-width="0"></path><path d="M5 10a1 1 0 0 1 .993 .883l.007 .117v9a1 1 0 0 1 -.883 .993l-.117 .007h-1a2 2 0 0 1 -1.995 -1.85l-.005 -.15v-7a2 2 0 0 1 1.85 -1.995l.15 -.005h1z" fill="currentColor" stroke-width="0"></path></svg></div>Yes</div></button><button class="sc-eDnVMP hCNkkG"><div class="sc-gKHVLF llQHzx"><div class="sc-jSwlEQ itagjd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-thumb-down-filled"><path d="M13 21.008a3 3 0 0 0 2.995 -2.823l.005 -.177v-4h2a3 3 0 0 0 2.98 -2.65l.015 -.173l.005 -.177l-.02 -.196l-1.006 -5.032c-.381 -1.625 -1.502 -2.796 -2.81 -2.78l-.164 .008h-8a1 1 0 0 0 -.993 .884l-.007 .116l.001 9.536a1 1 0 0 0 .5 .866a2.998 2.998 0 0 1 1.492 2.396l.007 .202v1a3 3 0 0 0 3 3z" fill="currentColor" stroke-width="0"></path><path d="M5 14.008a1 1 0 0 0 .993 -.883l.007 -.117v-9a1 1 0 0 0 -.883 -.993l-.117 -.007h-1a2 2 0 0 0 -1.995 1.852l-.005 .15v7a2 2 0 0 0 1.85 1.994l.15 .005h1z" fill="currentColor" stroke-width="0"></path></svg></div>No</div></button></div></div><div class="sc-hlDEJj edVlqd"><a target="_blank" class="sc-dkjKgF xpcCN sc-eKQWOK gljtKI" href="https://app.openwidget.com">Log into OpenWidget app</a></div></div><footer class="sc-bTLJel gqcXXY"><a target="_blank" class="sc-dkjKgF xpcCN sc-kIuKII cIGqhy" href="https://www.knowledgebase.com/?utm_source=help-center&utm_medium=referral&utm_campaign=https%3A%2F%2Fhelp.openwidget.com%2F">Powered by<svg width="81" height="10" viewBox="0 0 83 10" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="KnowledgeBase Logo"><g id="Wordmark"><path id="Vector" d="M15.0713 8.15156H16.4313V4.82013L18.8899 8.15156H20.4999L17.867 4.72299L20.4141 1.35156H18.8313L16.4313 4.61585V1.35156H15.0713V8.15156Z" fill="#1B1B20"></path><path id="Vector_2" d="M20.874 8.15152H22.194V5.16009C22.194 4.48009 22.574 4.13009 23.1655 4.13009C23.8069 4.13009 24.0883 4.54723 24.0883 5.13009V8.15152H25.4097V4.91723C25.4097 3.70295 24.7197 2.98438 23.6226 2.98438C22.9083 2.98438 22.3883 3.2358 22.1369 3.69866V3.10009H20.874V8.15152Z" fill="#1B1B20"></path><path id="Vector_3" d="M28.3883 8.26862C29.904 8.26862 30.7683 7.2772 30.7683 5.98291V5.26862C30.7683 3.98291 29.9112 2.98291 28.3883 2.98291C26.8654 2.98291 26.0083 3.97291 26.0083 5.26862V5.98291C26.0083 7.2772 26.8726 8.26862 28.3883 8.26862ZM29.4869 6.07291C29.4869 6.73291 29.1369 7.22862 28.3883 7.22862C27.6397 7.22862 27.2912 6.73291 27.2912 6.07291V5.17862C27.2912 4.51862 27.6412 4.02291 28.3883 4.02291C29.1354 4.02291 29.4869 4.51862 29.4869 5.17862V6.07291Z" fill="#1B1B20"></path><path id="Vector_4" d="M38.164 3.1001H36.8783L36.1426 6.4901L35.114 3.1001H33.9083L32.8783 6.4901L32.1412 3.1001H30.8555L32.1669 8.15153H33.4012L34.5083 4.67438L35.6155 8.15153H36.8498L38.164 3.1001Z" fill="#1B1B20"></path><path id="Vector_5" d="M38.5913 8.15149H39.9127V1.06006H38.5913V8.15149Z" fill="#1B1B20"></path><path id="Vector_6" d="M42.9457 8.26866C44.0628 8.26866 44.9671 7.59866 45.1414 6.6758H43.9857C43.8585 7.02438 43.51 7.3158 42.9457 7.3158C42.1785 7.3158 41.8771 6.80152 41.8771 6.20866V6.08295H45.18V5.19866C45.18 3.98438 44.4228 2.98438 42.9271 2.98438C41.4314 2.98438 40.5942 3.9558 40.5942 5.32438V6.01438C40.5942 7.42866 41.5171 8.26866 42.9457 8.26866ZM41.8771 5.10152C41.8771 4.42152 42.1628 3.9158 42.9271 3.9158C43.6414 3.9158 43.9657 4.39295 43.9657 5.02438V5.15009H41.8771V5.10152Z" fill="#1B1B20"></path><path id="Vector_7" d="M47.7297 8.26863C48.4583 8.26863 48.9725 7.93863 49.2254 7.55434V8.15577H50.4883V1.06006H49.1668V3.64434C48.8811 3.26577 48.3897 2.98434 47.7197 2.98434C46.3597 2.98434 45.6025 3.99434 45.6025 5.20863V6.04434C45.6025 7.23863 46.3697 8.26863 47.7297 8.26863ZM48.0497 7.20006C47.2825 7.20006 46.924 6.65577 46.924 5.98577V5.27149C46.924 4.5572 47.3125 4.0572 48.0597 4.0572C48.6625 4.0572 49.1668 4.48577 49.1668 5.25149V5.98577C49.1668 6.69434 48.7211 7.20006 48.0497 7.20006Z" fill="#1B1B20"></path><path id="Vector_8" d="M53.5697 9.9587C54.9783 9.9587 55.9883 9.12298 55.9883 8.04584V3.10013H54.7254V3.71441C54.5511 3.37441 54.0111 2.98584 53.2297 2.98584C51.8497 2.98584 51.1411 3.95727 51.1411 5.08298V5.82155C51.1411 6.9287 51.8554 7.92013 53.2197 7.92013C53.8711 7.92013 54.454 7.58013 54.6668 7.23013V8.02727C54.6668 8.59013 54.2383 8.96013 53.5697 8.96013C53.0554 8.96013 52.6568 8.80441 52.4811 8.45441H51.1954C51.404 9.40584 52.384 9.9587 53.5697 9.9587ZM53.5311 6.85727C52.8168 6.85727 52.4525 6.39013 52.4525 5.75013V5.17013C52.4525 4.48013 52.8311 4.04298 53.5697 4.04298C54.2011 4.04298 54.6668 4.49013 54.6668 5.17013V5.75298C54.6668 6.46155 54.1525 6.85727 53.5311 6.85727Z" fill="#1B1B20"></path><path id="Vector_9" d="M58.9926 8.26866C60.1097 8.26866 61.014 7.59866 61.1883 6.6758H60.0326C59.9054 7.02438 59.5569 7.3158 58.9926 7.3158C58.2254 7.3158 57.924 6.80152 57.924 6.20866V6.08295H61.2269V5.19866C61.2269 3.98438 60.4697 2.98438 58.974 2.98438C57.4783 2.98438 56.6426 3.9558 56.6426 5.32438V6.01438C56.6426 7.42866 57.564 8.26866 58.9926 8.26866ZM57.9283 5.10152C57.9283 4.42152 58.214 3.9158 58.9783 3.9158C59.6926 3.9158 60.0169 4.39295 60.0169 5.02438V5.15009H57.9283V5.10152Z" fill="#1B1B20"></path><path id="Vector_10" d="M61.9697 8.15153H65.0712C66.4297 8.15153 67.3726 7.37438 67.3726 6.23867C67.3726 5.31581 66.8097 4.78153 66.1097 4.63581C66.3835 4.47827 66.6084 4.24815 66.7597 3.97085C66.9109 3.69355 66.9826 3.37986 66.9669 3.06438C66.9669 2.04438 66.2183 1.3501 65.024 1.3501H61.9697V8.15153ZM63.2912 7.08295V5.22581H64.9912C65.6326 5.22581 66.0112 5.58581 66.0112 6.14867C66.0112 6.71153 65.6512 7.08153 65.0012 7.08153L63.2912 7.08295ZM63.2912 4.16867V2.4201H64.7097C65.2726 2.4201 65.6026 2.7501 65.6026 3.26581C65.6026 3.78153 65.2926 4.16867 64.7197 4.16867H63.2912Z" fill="#1B1B20"></path><path id="Vector_11" d="M69.5856 8.26866C70.1685 8.26866 70.8099 8.0258 71.0427 7.6858V8.15152H72.3156V4.92723C72.3156 3.75152 71.4585 2.98438 70.1885 2.98438C69.0999 2.98438 68.3142 3.50866 68.0227 4.49009H69.2456C69.3885 4.21723 69.6642 4.01295 70.1199 4.01295C70.6642 4.01295 70.9942 4.36295 70.9942 4.83009V5.51866C70.6274 5.23263 70.1735 5.08133 69.7085 5.09009C68.4942 5.09009 67.6685 5.5958 67.6685 6.69295C67.6727 7.6758 68.4499 8.26866 69.5856 8.26866ZM69.9285 7.39438C69.3756 7.39438 68.957 7.12152 68.957 6.6558C68.957 6.19009 69.3456 5.94152 69.9685 5.94152C70.5599 5.94152 70.997 6.20295 70.997 6.6558C70.997 7.10866 70.5085 7.39438 69.9285 7.39438Z" fill="#1B1B20"></path><path id="Vector_12" d="M75.1025 8.26881C76.3554 8.26881 77.2882 7.55452 77.2882 6.57881C77.2882 5.86452 76.9097 5.47023 76.1611 5.29309L74.6268 4.91452C74.3639 4.85595 74.2382 4.74023 74.2382 4.48595C74.2382 4.12595 74.5239 3.93166 75.0639 3.93166C75.6468 3.93166 75.8897 4.20452 75.8897 4.59309V4.68023H77.0454V4.60166C77.0454 3.60166 76.2582 2.99023 75.0454 2.99023C73.8325 2.99023 73.0054 3.56166 73.0054 4.60166C73.0054 5.37023 73.4039 5.75881 74.1611 5.93309L75.6582 6.27309C75.9439 6.34166 76.0754 6.48738 76.0754 6.73023C76.0754 7.11881 75.6668 7.34166 75.1139 7.34166C74.4925 7.34166 74.0939 7.07881 74.0939 6.64166V6.57166H72.9282V6.65881C72.9282 7.73452 73.8196 8.26881 75.1025 8.26881Z" fill="#1B1B20"></path><path id="Vector_13" d="M79.9999 8.26866C81.1171 8.26866 82.0213 7.59866 82.1956 6.6758H81.0399C80.9128 7.02438 80.5642 7.3158 79.9999 7.3158C79.2328 7.3158 78.9313 6.80152 78.9313 6.20866V6.08295H82.2342V5.19866C82.2342 3.98438 81.4771 2.98438 79.9813 2.98438C78.4856 2.98438 77.6499 3.9558 77.6499 5.32438V6.01438C77.6499 7.42866 78.5728 8.26866 79.9999 8.26866ZM78.9285 5.10152C78.9285 4.42152 79.2142 3.9158 79.9785 3.9158C80.6928 3.9158 81.0171 4.39295 81.0171 5.02438V5.15009H78.9285V5.10152Z" fill="#1B1B20"></path></g><g id="Mark"><path id="Vector_14" d="M10.3571 1.91429V0H10.2656C8.67279 0.0642857 7.35708 1.10143 6.54565 1.91143L6.49993 1.95571L6.45422 1.91143C5.64279 1.10143 4.32707 0.0642857 2.73422 0H2.64279V1.91429H0.785645V5.20857C0.785645 6.00857 0.81993 6.81 0.871359 7.46143C0.924518 8.09426 1.20257 8.68713 1.65515 9.13264C2.10773 9.57814 2.70491 9.84682 3.3385 9.89C4.35707 9.96286 5.4285 10 6.49993 10C7.57136 10 8.64279 9.96286 9.66279 9.89143C10.2961 9.84792 10.893 9.5791 11.3453 9.13362C11.7975 8.68815 12.0754 8.09546 12.1285 7.46286C12.1799 6.81143 12.2099 6.01 12.2142 5.21V1.91429H10.3571ZM10.3571 5.20857C10.3571 5.96 10.3256 6.71 10.2771 7.31286C10.2599 7.50277 10.1749 7.68015 10.0378 7.81261C9.90058 7.94506 9.72033 8.02375 9.52993 8.03429C7.51279 8.17286 5.48851 8.17286 3.47136 8.03429C3.28081 8.02379 3.10038 7.94515 2.96297 7.81272C2.82556 7.68029 2.74032 7.50289 2.72279 7.31286C2.67422 6.71429 2.64279 5.96 2.64279 5.20857V1.91429C3.99136 1.97143 5.32279 3.40714 5.72708 3.97286L6.49993 5.04714L7.27279 3.97286C7.67708 3.40143 9.00993 1.97286 10.3571 1.91429V5.20857Z" fill="#9146FF"></path></g></g></svg></a></footer></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"article":{"content":"\u003cp\u003eUsing Google Tag Manager to manage code on your website? Great! Now you can also use it to \u003cstrong\u003eenhance your customers' satisfaction\u003c/strong\u003e. By adding OpenWidget to your website, you will get:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003ea \u003cstrong\u003eContact Form\u003c/strong\u003e, giving your customers the option to reach you whenever a need arises;\u003c/li\u003e\n\u003cli\u003ean AI-based \u003cstrong\u003eProduct Recommendations \u003c/strong\u003ewidget, driving more sales by helping your customers choose the right product;\u003c/li\u003e\n\u003cli\u003ea \u003cstrong\u003eGoogle Reviews\u003c/strong\u003e widget, allowing you to showcase your online reputation and increase customers' trust\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eAnd much, much more. \u003ca href=\"https://openwidget.com/widgets\"\u003e\u003cstrong\u003eCheck out all of our available widgets\u003c/strong\u003e\u003c/a\u003e and decide which will suit you best. Once you do, add OpenWidget to your website via Google Tag Manager!\u003c/p\u003e\n\u003cblockquote\u003eDon't have an OpenWidget account yet? Don't worry! We prepared a dedicated article that will guide you through the entire process. \u003ca href=\"https://help.openwidget.com/create-your-openwidget-account/\"\u003e\u003cstrong\u003e\u003cins\u003eClick here\u003c/ins\u003e\u003c/strong\u003e\u003c/a\u003e to check it out!\u003c/blockquote\u003e\n\u003ch2\u003e\u003c/h2\u003e\n\u003ch2\u003e\u003cstrong\u003eHow to add OpenWidget via Google Tag Manager?\u003c/strong\u003e\u003c/h2\u003e\n\u003cp\u003eThere are two ways to add OpenWidget to your website via Google Tag Manager:\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003eYou can add it to your website with the help of our official Google Tag Manager integration – this step is much easier as the integration will perform most of the necessary steps for you.\u003c/li\u003e\n\u003cli\u003eOr you can add OpenWidget's snippet code to your Google Tag Manager manually.\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003eBelow, you will find step-by-step instructions for both of those processes.\u003c/p\u003e\n\u003ch3\u003e\u003cstrong\u003eInstall OpenWidget via our official Google Tag Manager Integration\u003c/strong\u003e\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eFirst, \u003cstrong\u003elog in to the \u003c/strong\u003e\u003ca href=\"https://app.openwidget.com/\"\u003e\u003cstrong\u003eOpenWidget application\u003c/strong\u003e\u003c/a\u003e and \u003cstrong\u003ego to \u003c/strong\u003e\u003ca href=\"https://app.openwidget.com/configurator/code-snippet\"\u003e\u003cstrong\u003eAdd to website\u003c/strong\u003e\u003c/a\u003e\u003cstrong\u003e section\u003c/strong\u003e.\u003c/li\u003e\n\u003cli\u003eWhile there, \u003cstrong\u003eclick on the Google Tag Manager tile.\u003c/strong\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg style=\"float:none;height: undefined;width: undefined\" alt=\"undefined\" src=\"https://cdn.livechat-files.com/api/file/kb/file/14613522/04693d3705-5a3c72110ffcec102121.png\"\u003e\n\u003cul\u003e\n\u003cli\u003eYou will see a new modal with the \u003cstrong\u003eSign in with Google \u003c/strong\u003ebutton – \u003cstrong\u003eclick on it to proceed\u003c/strong\u003e.\u003c/li\u003e\n\u003cli\u003eOpenWidget will now redirect you to the Google Accounts page. While there, \u003cstrong\u003elog in to your Google Account associated with your Google Tag Manager.\u003c/strong\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg style=\"float:none;height: undefined;width: undefined\" alt=\"undefined\" src=\"https://cdn.livechat-files.com/api/file/kb/file/14613522/e2958a0bce-06ed5369cb72f5e15436.png\"\u003e\n\u003cul\u003e\n\u003cli\u003eIf the authorization is successful, \u003cstrong\u003ewe will take you back to OpenWidget to finish the process\u003c/strong\u003e. You should see a screen on which you can choose where exactly you would like to add OpenWidget:\u003c/li\u003e\n\u003cul\u003e\n\u003cli\u003ewhich\u003cstrong\u003e GTM Account \u003c/strong\u003e– it represents to which Google Tag Manager accounts you have access\u003c/li\u003e\n\u003cli\u003ewhich \u003cstrong\u003eContainer \u003c/strong\u003e– it usually represents the website on which the Google Tag Manager is used\u003c/li\u003e\n\u003c/ul\u003e\n\u003cli\u003eOnce everything is ready, \u003cstrong\u003eclick on the Add and publish button\u003c/strong\u003e, and we will automatically add OpenWidget's snippet to your Google Tag Manager and publish it on your website.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cblockquote\u003e\u003cstrong\u003eImportant note:\u003c/strong\u003e If you have any unpublished changes in your default workspace, we will add OpenWidget to it, but we won't be able to publish it on your website automatically. When that happens, you will see the \u003cstrong\u003eAdd to Workspace \u003c/strong\u003ebutton instead of the \u003cstrong\u003eAdd and publish, \u003c/strong\u003eand after adding OpenWidget to your Workspace, you will need to review and publish new changes manually.\u003c/blockquote\u003e\n\u003cimg style=\"float:none;height: undefined;width: undefined\" alt=\"undefined\" src=\"https://cdn.livechat-files.com/api/file/kb/file/14613522/16a6ce7a1d-32877c33bfc3e45878d1.gif\"\u003e\n\u003cp\u003eAnd that's it! Now that your changes are published, OpenWidget should be visible for all customers browsing through your website.\u003c/p\u003e\n","slug":"google-tag-manager-native-app-integrate-openwidget-with-your-website","plainText":"Using Google Tag Manager to manage code on your website? Great! Now you can also use it to enhance your customers' satisfaction. By adding OpenWidget to your website, you will get:\na Contact Form, giving your customers the option to reach you whenever a need arises;\nan AI-based Product Recommendations widget, driving more sales by helping your customers choose the right product;\na Google Reviews widget, allowing you to showcase your online reputation and increase customers' trust\nAnd much, much more. Check out all of our available widgets and decide which will suit you best. Once you do, add OpenWidget to your website via Google Tag Manager!\nDon't have an OpenWidget account yet? Don't worry! We prepared a dedicated article that will guide you through the entire process. Click here to check it out!\n\nHow to add OpenWidget via Google Tag Manager?\nThere are two ways to add OpenWidget to your website via Google Tag Manager:\nYou can add it to your website with the help of our official Google Tag Manager integration – this step is much easier as the integration will perform most of the necessary steps for you.\nOr you can add OpenWidget's snippet code to your Google Tag Manager manually.\nBelow, you will find step-by-step instructions for both of those processes.\nInstall OpenWidget via our official Google Tag Manager Integration\nFirst, log in to the OpenWidget application and go to Add to website section.\nWhile there, click on the Google Tag Manager tile.\n \nYou will see a new modal with the Sign in with Google button – click on it to proceed.\nOpenWidget will now redirect you to the Google Accounts page. While there, log in to your Google Account associated with your Google Tag Manager.\n \nIf the authorization is successful, we will take you back to OpenWidget to finish the process. You should see a screen on which you can choose where exactly you would like to add OpenWidget:\nwhich GTM Account – it represents to which Google Tag Manager accounts you have access\nwhich Container – it usually represents the website on which the Google Tag Manager is used\nOnce everything is ready, click on the Add and publish button, and we will automatically add OpenWidget's snippet to your Google Tag Manager and publish it on your website.\nImportant note: If you have any unpublished changes in your default workspace, we will add OpenWidget to it, but we won't be able to publish it on your website automatically. When that happens, you will see the Add to Workspace button instead of the Add and publish, and after adding OpenWidget to your Workspace, you will need to review and publish new changes manually.\n \nAnd that's it! Now that your changes are published, OpenWidget should be visible for all customers browsing through your website.","title":"Google Tag Manager native app: integrate OpenWidget with your website","id":"6579e8f88d0cdc86b8193b13","topicId":"63cfe4127db53f068df77c70","updatedAt":1705573479948,"seo":{"metaTitle":null,"metaDescription":null,"indexingEnabled":true}},"customization":{"host":"14613522.kb.help","language":"en-US","customDomain":"help.openwidget.com","headerBackgroundColor":"#000000","headerTextColor":"#FFFFFF","logo":"https://cdn.livechat-files.com/api/file/kb/file/14613522/80e2a675f3-c19dcdf23ddc8402f1f5.png","headline":"Hello! 👋🏻 How can we help?","homepage":"https://openwidget.com","company":"OpenWidget","faviconUrl":"https://cdn.livechat-static.com/api/file/kb/file/14613522/6088fef4d0-ecb9aad0d61b2d181470.png","socialMediaImage":"https://cdn.livechat-static.com/api/file/kb/file/14613522/9332fbe3f4-0330b0e584c0db88960f.png","customLink":"https://app.openwidget.com","customLinkLabel":"Log into OpenWidget app","disableIndexing":false,"backgroundImage":"https://cdn.livechat-static.com/api/file/kb/file/14613522/d634c6485e-a62d54146cd2089706a9.png","backgroundImageDarkening":true,"overriddenBaseURL":null,"hidePoweredByKnowledgeBaseFooter":false,"enableMostPopularArticles":true,"enableQuickAnswer":true,"integrations":{"googleTrackingPixel":null,"metaTrackingPixel":null,"googleAnalyticsTrackingId":null},"seo":{"metaTitle":null,"metaDescription":null,"indexingEnabled":true}},"articleTopic":{"id":"63cfe4127db53f068df77c70","name":"Add OpenWidget to your store","slug":"add-openwidget-to-your-store","articles":[{"id":"63cfe4127db53f068df77c7e","slug":"wordpress-enhance-your-store-with-openwidget","title":"WordPress: enhance your store with OpenWidget!"},{"id":"63cfe4127db53f068df77c78","slug":"squarespace-add-openwidget-to-your-website","title":"Squarespace: add OpenWidget to your website!"},{"id":"63cfe4127db53f068df77c7c","slug":"shopify-add-openwidget-to-your-store","title":"Shopify: add OpenWidget to your store!"},{"id":"63cfe4127db53f068df77c76","slug":"bigcommerce-add-openwidget-to-your-bigcommerce-store","title":"BigCommerce: add OpenWidget to your BigCommerce store!"},{"id":"63cfe4127db53f068df77c71","slug":"google-tag-manager-install-openwidget-on-your-website-with-a-few-simple-steps","title":"Google Tag Manager: install OpenWidget on your website with a few simple steps!"},{"id":"63cfe4127db53f068df77c77","slug":"opencart-add-openwidget-to-your-opencart-store","title":"OpenCart: add OpenWidget to your OpenCart store!"},{"id":"63cfe4127db53f068df77c7f","slug":"woocommerce-enhance-your-store-with-openwidget","title":"WooCommerce: enhance your store with OpenWidget!"},{"id":"63cfe4127db53f068df77c7d","slug":"weebly-squareonline-add-openwidget-to-your-weebly-website","title":"Weebly (Square.online): add OpenWidget to your Weebly website!"},{"id":"6579e8f88d0cdc86b8193b13","slug":"google-tag-manager-native-app-integrate-openwidget-with-your-website","title":"Google Tag Manager native app: integrate OpenWidget with your website"},{"id":"677d260f10852b387ffd935a","slug":"wix-add-openwidget-to-your-wix-website","title":"Wix: add OpenWidget to your Wix website!"}]},"isPasswordProtected":false,"liveChatLicenseId":14613522},"apiUrl":"https://api.knowledgebase.ai","workspaceId":"63cfa84d4e4c903217607bf5","licenseId":"14613522","isHomePage":false,"isPageNotFound":false,"environment":"production","isDev":false,"isSsr":false,"__N_SSG":true},"page":"/[contentSlug]","query":{"contentSlug":"google-tag-manager-native-app-integrate-openwidget-with-your-website"},"buildId":"pl_OxmneNKQvvwk6n5P1b","isFallback":false,"gsp":true,"appGip":true,"scriptLoader":[]}</script></body></html>