इस लेख में दिया तरीका अपनाकर, अपनी वेबसाइट के Google Tag Manager कंटेनर के लिए ज़रूरी कोड स्निपेट इंस्टॉल करें. वहीं, अगर आपको अन्य तरह के कंटेनर के लिए इसी तरीके से Tag Manager सेट अप करना है, तो यहां दिए गए संसाधन देखें:
- iOS: iOS के लिए Google Tag Manager
- Android: Android के लिए Google Tag Manager
- एएमपी: एएमपी और Tag Manager सेटअप गाइड
- सर्वर: सर्वर साइड Tag Manager
वेब कंटेनर इंस्टॉल करने से पहले
- आपको Google Tag Manager खाता और कंटेनर बनाना होगा.
- आपके पास अपनी वेबसाइट के कोड का ऐक्सेस होना ज़रूरी है.
चरण
- https://tagmanager.google.com पर जाएं.
- अपने Google खाते में साइन इन करें. Google खाता बनाने का तरीका जानें.
- आपको जिस Tag Manager कंटेनर में बदलाव करना है उसे खोलें.
- फ़ाइल फ़ोल्डर टैब में, 'GTM' से शुरू होने वाला कंटेनर आईडी चुनें.
- Google Tag Manager इंस्टॉल करें डायलॉग बॉक्स में, अपनी वेबसाइट के हर पेज के लिए यह तरीका अपनाएं:
ध्यान दें: अगर आपकी वेबसाइट किसी वेबसाइट बिल्डर या कॉन्टेंट मैनेजमेंट सिस्टम (सीएमएस), जैसे- Wordpress, Shopify या Wix का इस्तेमाल करके बनाई गई है, तो Google टैग को ऐसे इंटिग्रेशन के साथ सेट अप किया जा सकता है जिसके लिए आपको अपनी वेबसाइट के हर पेज पर कोड को अपडेट करने की ज़रूरत न हो. किसी वेबसाइट बिल्डर या सीएमएस की मदद से, Google टैग इंस्टॉल करने का तरीका जानें
- कोड का पहला ब्लॉक कॉपी करें और उसे
<head>टैग में, जितना हो सके उतना ऊपर चिपकाएं.उदाहरण
यहां दिए गए एचटीएमएल कोड के सैंपल में, आपको अपने पहले Google Tag Manager कोड स्निपेट को ओपनिंग वाले <head> एचटीएमएल टैग के बाद चिपकाना होगा. ध्यान दें कि नीचे दिए गए उदाहरण में, 'GTM-ABCDEFGH' का इस्तेमाल किया गया है. आपको इसकी जगह अपना कंटेनर आईडी डालना होगा.<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Content of your website -->
<h1>मेरी वेबसाइट पर आपका स्वागत है</h1>
<p>यह मेरे वेबपेज का एक सैंपल पैराग्राफ़ है.</p>
</body>
</html> - कोड का दूसरा ब्लॉक कॉपी करें और उसे ओपनिंग वाले
<body>टैग के तुरंत बाद चिपकाएं.उदाहरण
यहां दिए गए एचटीएमएल कोड के सैंपल में, आपको अपने दूसरे Google Tag Manager कोड स्निपेट को ओपनिंग वाले <body> एचटीएमएल टैग के तुरंत बाद चिपकाना होगा. ध्यान दें कि नीचे दिए गए उदाहरण में, 'GTM-ABCDEFGH' का इस्तेमाल किया गया है. आपको इसकी जगह अपना कंटेनर आईडी डालना होगा.<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Content of your website -->
<h1>मेरी वेबसाइट पर आपका स्वागत है </h1>
<p>यह मेरे वेबपेज का एक सैंपल पैराग्राफ़ है. </p>
</body>
</html> - अपनी वेबसाइट की जांच करने के लिए, वेबसाइट का लिंक डालें. इसके बाद, जांच करें पर क्लिक करें.
- कोड का पहला ब्लॉक कॉपी करें और उसे
- ठीक है पर क्लिक करें.
अगले चरण
Google Tag Manager का इस्तेमाल करके, टैग सेट अप और मैनेज करें.