گوگل تگ منیجر
  • گوگل تگ منیجر چیست؟
  • چگونه گوگل تگ منیجر را روی وبسایت نصب و تنظیم کنیم؟
  • نحوه ایجاد حساب تگ منیجر گوگل
  • چگونه کد کانتینر گوگل تگ منیجر را به وبسایت اضافه کنیم؟

گوگل تگ منیجر یک ابزار حیاتی برای وب مسترها یا صاحبان سایت است و نقش مهمی را در مدیریت هر کدام از تگ های وبسایت ایفا می کند. این برنامه در بهره وری، فهم راحت تر و مدیریت سریع تگ ها، به افرادی که در زمینه کدنویسی تخصص ندارند، کمک میکند.
تگ ها همان اسنیپت کد یا قطعه کدهایی هستند که به هر کدام از صفحات وب سایت اضافه شده اند. آن ها طیف وسیعی از عملکردهای مختلف را دارا هستند. یکی از نمونه های آن، تگ کد جاوا اسکریپت است که در عملکرد گوگل آنالیتیکس نقشی حیاتی دارد. این تگ دیتایی را جمع آوری می کند که آنالیزگر برای تحویل گزارش ها به آن ها نیاز دارد. تگ های دیگر می توانند اطلاعات مختلف را استخراج و به پلتفرم هایی مثل گوگل ادز و بسیاری از پلتفرم های دیگر ارسال کنند .
مدیریت موثر تگ های سایت در بهبود آنالیزگر ها و عملکردشان در سایت بسیار مهم است. و باعث می شود که بهینه سازی سایت بهتر انجام شود. به همین دلیل است که باید این مقاله را بخوانید و یاد بگیرید که چگونه تگ منیجر به ساده تر شدن تولید و اجرای همه تگ های مورد نیاز در سایت شما کمک می کنند.

گوگل تگ منیجر چیست؟

گوگل محصول تگ منیجر خود را به عنوان “سیستم مدیریت تگ” یا (TMS) شرح می دهد . این سیستم دقیقا کاری را برای تگ ها انجام می دهد که یک سیستم مدیریت محتوا یا CMS برای محتوایش انجام می دهد.
پس دیگر مجبور نیستید که به صورت دستی کد ها را وارد کنید. به جای آن می توانید همه تگ ها را در رابط ایجاد کنید. تگ منیجر بعدا آن ها را برای سایت اجرا می کند و در واقع این یک راه مستقیم برای مدیریت است .
مزایای مدیریت کار با تگ ها از طریق گوگل تگ منیجر

  • از بین بردن فشار روی توسعه دهندگان(Developer)- در این حالت دیگر نباید نگران تنظیم کردن تگ های کد به صورت دستی باشید و میتوانید وقت زیادی را که صرف این کار می کردید، به کارهای دیگر مثل مدیریت محتوای وبسایت خود اختصاص دهید.
  •  دقت بیشتر- احتمال خطا در تگ هایی که توسط یک شخص کدنویسی می شوند بیشتر است. یک اشتباه تایپی یا کپی پیبست ساده ممکن است که مشکلاتی را ایجاد کند. اما تگ منیجر چنین خطاهایی را مرتکب نمی شود.
  • کنترل و تحت نظر قرار دادن مارکتینگ – رابط تگ منیجر کار را برای کنترل و پیگیری همه تگ ها راحت تر می کند. به این معنا که می توانید تگ های بیشتری را ایجاد کرده و استفاده کنید که مستقیما به اولویت های بازاریابی شما مرتبط باشد. راه آسان تر این است که تگ ها را تولید و اجرا کنید تا اطلاعات را برای فعالیت های بازاریابی خود جمع آوری کنید .
  • تگ منیجر ها به شما قدرت کنترل و مدیریت تگ ها را برای طیف وسیعی از پلتفرم های محاسبه گر و آنالیزگر می دهد. شروع کار با تگ منیجر یک راه عالی و آسان است اما رایگان نیست . اولین چیزی که باید انجام دهید ، تنظیم حساب تگ منیجر است .

چگونه گوگل تگ منیجر را روی وبسایت نصب و تنظیم کنیم؟

اگرچه که شاید این موضوع برای شما بسیار ساده باشد، اما به یاد داشته باشید که نکات دقیقی هستند که باید آن ها را به خاطر بسپارید. در این پست چند روش را برای چگونگی نصب گوگل تگ منیجر روی یک وبسایت به شما آموزش می دهیم و به مزایا و معایب هرکدام اشاره می کنیم.
فقط اگر حساب گوگل تگ منیجر ندارید، اول باید یک حساب تگ منیجر گوگل و یک کانتینر ایجاد کنید .

ایجاد حساب تگ منیجر گوگل

برای شروع ابتدا باید یک حساب GTM بسازید. وارد وبسایت رسمی گوگل تگ منیجر شوید و روی قسمت start for free کلیک کنید.

ساخت حساب گوگل تگ منیجر
مانند هر محصول دیگری از گوگل، میتوانید از یک حساب گوگل برای تگ منیجر نیز استفاده کنید. بنابراین اگر هم اکنون جیمیل ( گوگل ادز ، آنالیزگر گوگل و . . . ) دارید، می توانید به صورت اتوماتیک وارد گوگل تگ منیجر شوید. در غیر این صورت، اول یک حساب گوگل ایجاد کنید.
زمانی که وارد شدید ، از شما درخواست می شود که یک حساب تگ منیجر جدید گوگل و یک کانتینر جدید ایجاد کنید.

ساخت اکانت google tag Manager
حساب تگ منیجر گوگل مانند حساب گوگل آنالیتیکس کار می کند که معمولا برای کمپانی ، تجاری و مشتری است. در حالی که کانتینر معمولا برای یک وبسایت یا یک برنامه است. یک کانتینر جداگانه می تواند حاوی تعداد زیادی تگ ، تریگر(trigger) و متغیر (variables) باشد.
اگر چه ممکن است چند وبسایت در یک تجارت وجود داشته باشد که ساختار های مشابه داشته باشند، (علاوه بر آن احرای ردیابی آن ها نیز شبیه باشد). در این صورت، می توانید از یک کانتینر روی چند وبسایت استفاده کنید.

چطور می توانم کد گوگل تگ منیجر را پیدا کنم؟

تگ منیجر گوگل یک کد دقیق و دستورالعملی را که برای اضافه کردن به وبسایت نیاز دارید در اختیار شما قرار می دهد/ دو مکان وجود دارد که می توانید کد را از آن جا پیدا کنید:

  1. از طریق کلیک کردن روی لینک آی.دی کانتینر (که در کنار قسمت Publish and Preview است.)

کد کانتینر

یا از طریق رفتن به قسمت Admin > Account > Container > Install Google Tag Manager نصب گوگل تگ منیجر

هر کدام از این گزینه ها دستورالعمل هایی را روی چگونگی نصب کد تگ منیجر گوگل روی وبسایت و قطعه کدی که باید به سایت اضافه شود را در اختیار شما قرار می دهد.

کد افزودنی به وبسایت برای نصب google tag manager

اضافه کردن کد کانتینر گوگل تگ منیجر به وبسایت

دستورالعمل را دنبال کنید و کدی را که در تگ <script> قرار گرفته است بین تگ های <head> در وبسایت خود قرار دهید. این کد یک بخش کلیدی است و به صفحات شما می گوید کانتینر تگ منیجر را بصورت همگام بارگیری کند. این روش به این معناست که در همین حالت بقیه صفحه نیز، میتواند بارگیری را ادامه دهد.

در این قسمت نمونه ای از <head> وبسایت را می بینید که می توانید کد <script> گوگل تگ منیجر را به آن  اضافه نمایید.

کد گوگل تگ منیجر در هد سایت

دومین کد گوگل تگ منیجر (noscript) باید بلافاصله بعد از باز کردن تگ <body> قرار داده شود. در واقع این مرحله شبیه به بکاپ کار می کند، و به شما اجازه می دهد کاربران را بدون جاوا اسکریپت ردیابی کنید.برچسب <noscript> به مرورگر می گوید اگر کاربر JavaScript را فعال نکرده است، یک نسخه iframe از کانتینر گوگل تگ منیجر را به صفحه ارائه کند.

مهم: در حالی که می توانید هر دو کد را فقط در بدنه یا <body> قرار دهید، اما هرگز نباید هر دوی آن ها را در <head> قرار دهید.وگرنه HTML وبسایت شما نامعتبر خواهد بود.  همان طور که قبلا هم گفتیم، بخش <noscript> یک iframe ارائه می دهد که در <head> مجاز نیست.

بنابراین گزینه های پیش رو شامل موارد زیر است :

  • کد <script> به <head> و بعد <noscript> به <body> اضافه می شود.
  • هم کد های <script> و هم <noscript> به <body> اضافه می شوند.

نکته: استفاده از کد <noscript> ضروری نیست. تنها در صورتی که بخواهید بدون فعال سازی جاوا اسکریپت، بازدید کنندگان را ردیابی کنید یا درصورتی که بخواهید مالکیت سرچ کنسول سایت خود را ثابت کنید، به آن نیاز دارید.

چک کنید که آیا پلاگین های GTM در دسترس هستند یا خیر؟

اگر از یک سیستم مدیریت محتوای مشهور استفاده می کنید که می توان در آن ها از پلاگین استفاده کرد، چک کنید که آیا پلاگینی برای گوگل تگ منیجر ساخته شده است یا خیر! در این صورت کافیست بعد از نصب افزونه، آیدی یا شناسه کانتینر گوگل تگ منیجر خود را وارد کنید.

برای مثال در سیستم مدیرست محتوای ووردپرس میتوانید از GTM4WP استفاده کنید.

استفاده از پلاگین یا افزونه در زمان شما صرفه جویی می کند. همچنین بعضی از پلتفرم ها مانند WIX نیز، اجرای درون برنامه ای گوگل تگ منیجر را رائه می دهند.

اما اگر می خواهید که نصب و راه اندازی گوگل تگ منیجر را به صورت دستی انجام دهید به خواندن این مقاله ادامه دهید.

چرا باید کد تگ منیجر گوگل را داخل <head> قرار دهم؟

البته که انجام این کار 100 درصد نیاز نیست ، اما به شدت پیشنهاد می کنیم که کد <script> در <head> وبسایت جایگذاری کنید.

چرا؟ برای ردیابی بهتر است. هر چقدر که کد در قسمت بالاتری از صفحه قرار گرفته باشد، سریع تر بارگذاری می شود. در نسخه قدیمی تگ منیجر گوگل، پینشهاد می شد که این قطعه کد را داخل تگ بدنه یا body قرار دهید اما در آن صورت ممکن است کابرانی را که قبلا از بارگذاری بدنه یا <body>صفحه، آن را ترک کرده اند را جا بیاندازد (درصورتی که سرعت لود یا بارگذاری صفحه پایین باشد).

اگر وبسایت شما بسیار سنگین است، ممکن است بیش از چند ثانیه طول بکشد تا گوگل تگ مینجر طول بکشد در <body> شروع به بارگذاری کند اما در <head> این کار سریع تر انجام می شود، بنابراین بازدیدکنندگان بیشتری جذب می کنید و چگونگی رفتار آن ها را می بینید.

به یاد داشته باشید که، هر چقدر کد ها در قسمت پایین تری از صفحه باشند، دیرتر اجرا می شوند.

 انتشار کانیتنر گوگل تگ منیجر

زمانی که کد روی وبسایت شما قرار گرفت، وارد حساب گوگل تگ منیجر خود شوید و کانتینر را منتشر کنید. مخصوصا اگر خالی باشد.

چرا؟ چون یک کانتیر گوگل تگ مینجر منتشر نشده باعث خطا یا ارور می شود (قابل رویت در کنسول مرورگر).

404 not found for GET: GET http://www.googletagmanager.com/gtm.js?id=GTM-XXXXX

در صورتی که کانتینر را منتشر نکرده باشید، هنگامی که مرورگر شما از سرور های گوگل، درخواست دیتا می کند، هیچ دیتایی برای ارائه وجود ندارد.

این مسئله مشکل بزرگی نیست. اما اگر توسعه دهندگان شما در حال بررسی خطاهای جاوا اسکریپت با ابزارهای خاص مانند (TrackJS) باشند، این خطاهای 404  را در گزارشات مشاهده می کنند. این مورد ممکن است سک سیگنال مزاحم یا گمراه کننده برای آن ها باشد. (بله، می دانیم که می توانند از فیلتر استفاده کنند تا این گونه خطا ها را در گزارشات مشاهده نکنند، اما انتشار یک کانتینر خالی، که به هیچ کس و سایتی آسیب وارد نمی کند).

 چک کنید که آیا گوگل تگ منیجر کار می کند یا خیر؟

بعد از این که کد GTM روی صفحه اجرا شد، نیاز دارید که مطمئن شوید آیا واقعا درست نصب شده است یا خیر. گزینه های مختلفی را می توانید از بینشان انتخاب کنید ( همه آن ها با جزئیات توضیح داده شده اند):

  • روی پس زمینه وبسایت خود کلیک کنید و بعد View page source را انتخاب کرده و کد را پیدا کنید و دنبال به  gtm.js بگردید.
  • Preview و حالت debug را فعال کنید و ببینید که آیا روی صفحه ظاهر می شود یا خیر. روی گزینه preview، که در گوشه بالا و سمت راست رابط GTM است، کلیک کنید  و سپس به وبسایت بروید، آن را رفرش کنید و ببینید که آیا preview و پنل debug در قسمت پایین صفحه ظاهر شده است یا خیر .
  • از افزونه Tag Assistant استفاده کنید و چک کنید که آیا وقتی گوگل تگ منیجر فعال می شود، نمایش داده می شود یا خیر.

*ترفند های بالا اصلی ترین موارد هستند که می توانید همین الان آن ها را امتحان کنید.

آیا به دیتای سفارشی روی هر صفحه نیاز دارید؟ پس از data layer استفاده کنید.

زمانی که کد گوگل تگ مینجر روی وبسایت قرار داده می شود، به صورت اتوماتیک ِک لایه دیتا می سازد.

دیتا لایر یا لایه اصلی وبسایت شماست که حاوی نقاط مختلف دیتا است (به همین دلیل این نام را به آن داده اند). با کمک دیتا لایر؛ گوگل تگ منیجر  می تواند بخواند، پیش برود و دیتا را بین وبسایت شما و دیگر ابزار های ردیابی انتقال دهد.

اگر می خواهید دیتاهایی را هنگام بارگذاری صفحه در دیتا لایر بگذارید، باید آن دیتا را بالای کد گوگل تگ منیجر قرار دهید:

اگر مهارت های کدینگ ندارید، باید این کار را توسط یک توسعه دهنده(developer) انجام دهید (زیرا یک کپی پیست کورکورانه موثر نخواهد بود). پس باید به صورت منطقی کد ها را بنویسید که اطلاعات را به صورت داینامیک به دیتالایر اضافه کند (مثلا اگر یک کاربر وارد شد، نوع آن مشتری را به دیتا لایر اضافه کند.)

دیتا لایر یک مفهوم ساده برای تازه کاران نیست، بنابراین اگر در این بخش کمی گیج شدید، نگران نباشید. همه مثل شما هستند. در این قسمت منابع بیشتری را برای آشنایی بیشتر با دیتا لایر به شما معرفی می کنیم:

برخی از سوالات پر تکرار

خب، اکنون بهترین سناریو را برای نصب و راه اندازی گوگل تگ منیجر بر روی وبسایت شرح دادیم که شامل پروسه زیر است:

  1. قظعه کد <script> گوگل تگ منیجر را بعد از تگ <head> (قبل از تگ </head>) اضافه کنید.
  2. بخش <noscript> که بعد از  باز کردن تگ <body> ایجاد می شود.

اما گاهی شرایط کمی از عالی بودن دور است و گاهی اوقات مجبور هستیم که با جریان های محدودی کنار بیاییم. در این بخش گزینه هایی (نه خیلی عالی) را در اختیار شما قرار می دهیم و نتایج ممکن را نیز به شما می گوییم.

 

  1. آیا می توانم بخش <noscript> را جایی بغیر از درست بعد از <body> قرار دهم؟

بله، می توانید.

این اتفاق معمولاً هنگام کار با سیستم های مدیریت محتواهای محدود می افتد که اجازه دسترسی مستقیم به منبع وب سایت را به شما نمیدهد و فقط اجازه می دهد کدهای رهگیری را در یک فیلد اختصاصی جای گذاری کنید. سپس تمام محتوای آن قسمت در انتهای HTML وب سایت قرار می گیرد.

اگرچه این کار توصیه نمی شود ، اما می توانید تگ  <script> و <noscript> را در قسمت بدنه قرار دهید ، همانطور که در زیر نشان داده شده است. اگر قصد دارید یا از GTM برای اجرای تست A / B استفاده کنید ،لازم است قطعه کد اول را در <head> قرار دهید تا مطمئن شوید آزمایشات شما به درستی انجام می شود.

اما اگر برنامه ریزی کرده اید که فقط بعضی از گزارش های پایه ای گوگل آنالیتیکس را مورد استفاده قرار دهید، پس همه چیز خوب پیش خواهد رفت.

اما به یاد داشته باشید که هرچقدر کد های ثبتی شما درقسمت پایین تری باشند، دیرتر به اجرا در می آیند.

 

  1. آیا می توانم بخش <noscript> را حذف کنم و فقط از <script> استفاده کنم؟

بله.

اگر افرادی که جاوا اسکریپ خود را به طور کامل غیر فعال کرده اند، برایتان اهمیتی ندارند، می توانید بخش <noscript> را به طور کامل فراموش کنید. به یاد داشته باشید که نباید این کد را در head بگذارید زیرا این تگ از iframe پشتیبانی نمی کند.  یا باید بخش noscript را در <body> قرار دهید یا به طور کامل از آن استفاده نکنید.

  1. من چند سال پیش GTM را نصب کردم، هم بخش <script> و هم بخش <noscript> در بدنه یا body هستند. آیا اشکالی دارد؟

خیر مشکلی نیست.

همان طور که قبلا هم اشاره کردیم، اواخر سال 2016، پیشنهاد گوگل این بود که کل کد تگ منیجر گوگل را در بدنه قرار دهید که هنوز هم این مورد کارامد است.

اما به یاد داشته باشید که ممکن است بعضی از دیتا های ثبت شده را از دست بدهید، زیرا GTM (موجود در بدنه) در مقایسه با کد تگ منیجر گوگل موجود در head کمی دیرتر بارگذاری می شود.
بنابراین اگر زمان و منبع دارید، قطعا پیشنهاد می کنیم که بخش <script> را به <head> انتقال دهید.

چگونه تگ منیجر گوگل را تنظیم و نصب کنیم: کلام آخر

توصیه و پیشنهاد ما بسیار ساده است: فقط دستورالعمل های گوگل را دنبال کنید.

پیشنهاد شده ترین راه برای چگونگی نصب کد تگ منیجر گوگل، این است که بخش <script> را در <head> وبسایت قرار دهید و بخش <noscript> در جایی مثل <body> قرار دهید (ترجیحا دقیقا بعد از تگ <body>).

این اقدام تضمین می کند که تگ های بازاریابی شما در GTM بدون هیچ کسری در دیتا در سریع ترین زمان ممکن اجرا می شود.   کد پایین تر در تگ منیجر گوگل، نشان دهنده این است که تگ ها دیرتر اجرا می شوند. در نتیجه ممکن است مقداری از دیتا از دست برود.

اگر از یک سیستم مدیریت محتوای رایج برای اجرای وبسایت استفاده می کنید، (مثل وردپرس)، به دنبال پلاگین های آماده بگردید که به نصب تگ منیجر گوگل با دو کلیک کمک خواهد کرد.

منبع: analyticsmania