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

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

سایت‌ها معمولاً از تگ‌هایی متفاوت استفاده می‌کنند و میزان کدهایی که باید برای ساخت همه آن‌ها به کار برد بسیار زیاد است، مخصوصاً اگر بخواهید برای اضافه کردن و ویرایش تگ‌ها مستقیماً به سراغ کد منبع سایت بروید. Google Tag Manager ابزاری با رابط کاربری خوب و مبتنی بر وب است که فرآیند کار کردن با تگ‌ها را آسان می‌کند. با این ابزار قادر خواهید بود تا بدون نیاز به تغییر کد منبع تگ‌ها را اضافه، ویرایش و غیرفعال کنید.

در حالی که GTM یکی از محصولات گوگل است اما شدیداً محدود شده تا فقط بتوان بر روی تگ‌های مربوط به خدمات دیگر گوگل مانند AdWords یا Analytics کار کرد. می‌توانید از این ابزار برای مدیریت تگ‌های شخص ثالث مانند توییتر، تبلیغات بینگ، Crazy Egg ، Hotjar و … استفاده نمایید. اگر تگ دیگری وجود دارد که دارای قالبی در GTM نیست، می‌توانید کد موردنظر خود را اضافه کنید. فقط تعداد کمی از تگ‌ها هستند که GTM با آن‌ها خوب کار نمی‌کند.

مزایا و معایب GTM

کاهش وابستگی به توسعه دهندگان وب

بزرگترین مزیت Google Tag Manager این است که ایجاد تگ‌ها را برای بازاریاب‌ها آسان‌تر کرده و باعث می‌شود تا دیگر برای انجام این کار به توسعه‌دهندگان وب وابستگی نداشته باشند. توسعه‌دهندگان معمولاً به انجام پروژه‌هایی با درجه اولویت بیشتر مشغول هستند بنابراین تگ کردن اغلب پشت گوش انداخته می‌شود. اما از آنجایی که Google Tag Manager به شما کمک می‌‍کند تا دیگر نیازی به استفاده از کد منبع نداشته باشید، بازاریاب‌ها می‌توانند به سرعت تغییرات دلخواه خود را در تگ‌ها ایجاد کنند. برای مثال اگر بخواهید از یک تگ فقط برای جمع‌آوری داده‌ها در بازه زمانی محدود استفاده کنید، این موضوع مزیتی بزرگ محسوب می‌شود. احتمالاً بدون استفاده از GTM مدت زمان بیشتری طول می‌کشد تا بتوان تگ را اضافه کرد.

هنوز نیاز به انجام برخی کارهای فنی است

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

اکثر کسب و کارها می‌توانند از آن بهره ببرند

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

بارگذاری تگ‌ها به صورت هم‌زمان می‌تواند موجب  کاهش سرعت سایت شود

مشکلی که با ردیابی مرسوم تگ‌ها وجود دارد این است که اگر به صورت هم‌زمان فعال شوند می‌توانند سرعت سایت را کاهش دهند. اگر فعال‌سازی تگ‌ها به صورت هم‌زمان انجام شود هنگامی که یک تگ با سرعت کم بارگذاری می‌شود سرعت تمامی تگ‌هایی که منتظر بارگذاری آن هستند را کاهش می‌دهد. و هرچه بارگذاری سایت بیشتر طول بکشد، احتمال اینکه مخاطب آن را بدون تبدیل شدن (converting) ترک کند زیاد است. اما تگ‌هایی که در GTM ساخته می‌شوند به صورت پیش‌فرض هم‌زمان فعال نمی‌شوند، که این بدان معناست که هر تگ زمانی فعال می‌شود که کاملاً آماده بوده و بارگذاری شده است. اگر بخواهید که ترتیب فعال شدن تگ‌ها را کنترل کنید، امکان ترتیب‌دهی تگ‌ها و فعال‌سازی آن‌ها بر اساس اولویت وجود دارد.

می‌تواند برای سایت‌های AMP و اپ‌های موبایل هم استفاده شود

لازم نیست که حتماً GTM را برای وب‌سایت‌های استاندارد استفاده کنید. می‌توان از GTM برای مدیریت تگ‌ها در وب‌سایت‌های AMP (Accelerated Mobile Pages) و اپ‌اهای موبایل استفاده کنید. GTM می‌تواند در زمینه اپ‌های موبایل کمک بزرگی باشد زیرا به شما اجازه می‌دهد تا تگ‌های خود را بدون نیاز به نسخه آپدیت شده اپ اضافه و ویرایش کنید. در برخی موارد استفاده از GTM برای سایت‌های AMP و اپ‌های موبایل بسیار شبیه به استفاده از سایت‌های معمولی است، اما دارای تفاوت‌هایی نیز هست. در این راهنما قصد داریم تا بر روی استفاده GTM در وب متمرکز شویم.

مولفه‌های تگ‌ها و GTM

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

Containers

هنگامی که شروع به کار با GTM می‌کنید اولین چیزی که نیاز به ایجاد آن دارید container است. container اساساً همه تگ‌ها را برای سایت شما نگاه می‌دارد.

پس از ایجاد یک container جدید، GTM به شما کدهایی می‌دهد تا به سایت خود اضافه کنید. این کد container شماست و باید به کد منبع اضافه شود تا در همه صفحات سایت‌تان نمایش داده شود. برخی از سیستم‌های مدیریت محتوا (CMSها) مانند WordPress پلاگین‌هایی را برای کمک به اضافه کردن کد container در اختیار شما قرار می‌دهند، اما ممکن است که برای اضافه کردن آن نیاز به یک توسعه‌دهنده وب داشته باشید. زمانی که این کار را انجام دادید قادر خواهید بود تا از طریق GTM تگ‌های خود را اضافه، حذف، ویرایش و یا غیرفعال کنید.

Triggers

هر تگ موجود در سایت باید هدفی داشته باشد. ممکن است بخواهید تگی داشته باشید که هنگام دانلود فایل توسط کاربر، هنگامی که بر روی یک لینک بیرونی کلیک می‌شود یا هنگامی که فرمی ارسال می‌شود، اطلاعات مربوط به آن‌ها را برای شما ارسال کند. به این رویدادها triggers گفته می‌شود و حتماً نیاز است تا هر تگی حداقل یک trigger معین داشته باشد وگرنه هیچ کاری انجام نمی‌دهد.

Trigger را می‌توان به دو مولفه اصلی تقسیم کرد : رویدادها و فیلترها. هنگامی که تصمیم می‌گیرید تا یک trigger را پیکربندی کنید، لیستی بلند از انواع triggerها در اختیار شما قرار می‌گیرد. این‌ها رویدادهای شما هستند. زمانی که یک رویداد را انتخاب کردید سپس قادر خواهید بود تا فیلتر خود را تنظیم نمایید.

فیلترها می‌توانند به سه بخش تقسیم شوند : متغیرها، اپراتورها و مقادیر. کمی جلوتر در مورد متغیرها صحبت خواهیم کرد اما در این مورد منظور نوع متغیر استفاده شده است. اپراتور به تگ می‌گوید که آیا یک رویداد باید معادل، بزرگتر و یا کمتر از یک مقدار معین باشد یا نه. و البته مقدار شرایطی است که باید سنجیده شود. گرچه که کلمه ” مقدار ” برای ارجاع به اعداد و قیمت‌ها استفاده می‌شود اما در این مورد لزوماً یک مقدار عددی نیست. در بسیاری موارد ممکن است مقدار شما یک URL یا کلمه‌کلیدی باشد.

برای مثال فرض کنید که می‌خواهم ببینم چند نفر محتوای وبلاگ سایت من را عمیقاً خوانده‌اند. می‌توانم تگی با یک trigger  رویدادScroll Depth  ایجاد کنم که زمانیکه عمق اسکرول عمودی به ۷۵% رسید فعال شود. اگر بخواهم این عمل بر روی همه صفحات سایت من فعال شود، باید گزینه ” All Pages ” را در قسمت پیکربندی trigger تیک بزنم و نیازی نیست تا هیچ فیلتر دیگری ایجاد کنم. اما از آنجایی که بر روی محتوای وبلاگ تمرکز دارم گزینه ” Some Pages ” را انتخاب کرده و فیلترهایی با عنوان ” Page URL “، ” Contains ” و ” fakewebsitename.com/blog ” ایجاد می‌کنم.

ساختار trigger

همچنین ممکن است شرایطی وجود داشته باشد که نخواهید تگی فعال شود. در این مورد می‌توانید یک trigger مسدودسازی ایجاد کنید تا در شرایط خاص از فعال شدن تگ جلوگیری کند. GTM triggerهای مسدودسازی را بر اساس انواع آن‌ها اولویت‌بندی می‌کند. بنابراین اگر یک trigger مسدودسازی دارید که شرایط trigger دیگری را نقض می‌کند Google Tag Manager از چیزی پیروی می‌کند که توسط trigger مسدودسازی تعریف شده است. برای مثال اگر تگی دارید که برای فعال شدن در همه صفحات شما تنظیم شده است اما می‌خواهید صفحاتی از این امر مستثنی باشند می‌توانید از trigger مسدودسازی برای جلوگیری از فعال شدن در آن صفحات استفاده کنید.

متغیرها و ثابت‌ها

در حالی که تگ‌ها به triggerها وابسته‌اند، triggerها به متغیرها وابسته‌اند، متغیرها شامل مقداری هستند که باید توسط trigger ارزیابی شود تا بفهمد که آیا باید فعال بشود یا خیر. تگ مقدار متغیر را با مقدار تعریف شده در trigger مقایسه می‌کند و اگر متغیر دارای شرایط لازم trigger باشد، تگ فعال می‌شود.

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

یکی از راه‌های متداول برای استفاده از GTM ساختن متغیرهای ثابت با شماره‌های ID یا کدهای قابل ردیابی است که می‌توانید بیش از یک بار از آن‌ها استفاده کنید. برای مثال اگر بخواهید از ویژگی شماره ID گوگل آنالیتیکز در تگ‌های متعدد استفاده نمایید می‌توانید یک خط متغیر ثابت با مقدار شماره ID خود بسازید. به این ترتیب به جای اینکه شماره ID خود را به صورت مکرر وارد کنید فقط باید نام متغیر را انتخاب کنید.

هنگامی که از GTM استفاده می‌کنید، باید با دو نوع متغیر کار کنید : متغیرهای داخلی (built-in) و متغیرهای تعریف شده توسط کاربر (user-defined). متغیرهای داخلی یکی از رایج‌ترین انواع متغیرها هستند بنابراین گوگل دسترسی به آن‌ها را در GTM آسان ساخته است.

Built-In Variables

زمانی که یک متغیر داخلی را انتخاب می‌کنید می‌توانید تنظیمات آن را هرگونه که بخواهید پیکربندی کنید. توجه داشته باشید که این‌ها فقط تعدادی از متغیرهای داخلی برای containerهای وب عادی هستند. می‌توانید متغیرهای داخلی بیشتری را با کلیک بر روی دکه ” Configure ” پیدا کنید. اگر از GTM برای سایت‌های AMP یا اپ‌های موبایل استفاده می‌کنید، ممکن است بتوانید گزینه‌های مختلفی را برای انتخاب پیدا کنید.

اگر به نوع دیگری از متغیرها نیاز پیدا کردید که در متغیرهای داخلی پیدا نمی‌شود، خودتان می‌توانید متغیری را تعریف کنید (user-defined). هنگامی که می‌خواهید یک متغیر user-defined را اضافه کنید، لیستی از انواع متغیرها برای انتخاب در اختیار شما قرار داده می‌شود. برای کسب اطلاعات بیشتر در مورد هر نوع از متغیرها می‌توانید از راهنمای Simo Ahava در مورد انواع مختلف متغیرها استفاده کنید.

متغیرها را می‌توانید از طریق داشبور GTM و با کلیک بر روی گزینه ” Variable ” در منوی سمت چپ بسازید. همچنین می‌توانید آن‌ها را هنگام ایجاد یک تگ‌ و با کلیک بر روی دکمه نزدیک به قسمتی که شبیه یک بلوک لگو با علامت بعلاوه است بسازید.

لایه‌های داده

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

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

استفاده از لایه‌های داده از لحاظ فنی اختیاری است. نیازی نیست که خودتان شخصاً یکی از آن‌ها را تعریف کنید زیرا GTM می‌تواند یکی را برایتان به کار بگیرد. اما اگر میخواهید از GTM برای ردیابی رویدادهای خاص استفاده کنید به لایه داده نیاز دارید.

برای شروع شیء لایه داده به این شکل است :

زمانی که یک لایه داده را اضافه می‌کنید، شیء (object) باید پیش از کد GTM container قرار بگیرد. اگر شیء لایه داده پس از کد container قرار بگیرد GTM قادر به دسترسی به اطلاعات درون آن نخواهد داشت و اساساً لایه داده پس از بارگذاری ریسِت می‌شود.

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

کار با GTM

ساخت اکانت‌ها و containerها

برای شروع به tagmanager.google.com رفته و یک حساب کاربری ایجاد کنید. در زیر قسمت ” Setup Account ” نام شرکتی را وارد کنید که می‌خواهید آن را مدیریت نمایید، سپس بر روی ” Continue ” کلیک کنید.

مرحله ساخت اکانت جدید

سپس می‌توانید container خود را نصب کنید. نام دامنه خود را مانند نام container وارد کنید، نوع صفحه یا اپلیکیشنی که قصد استفاده از آن را دارید مشخص کرده و بر روی ” Create ” کلیک کنید. اگر iOS یا Android را انتخاب کردید باید استفاده از Firebase SDK یا legacy SDK را نیز مشخص کنید.

مرحله دوم تنظیمات نصب Container

توجه داشته باشید که گفتم به طور خاص از نام شرکت برای نام اکانت و از دامنه سایت برای نام container استفاده نمایید. در تئوری می‌توانید هر طوری که می‌خواهید این اسامی را انتخاب کنید، فقط این بهترین شیوه‌ای است که گوگل برای نام‌گذاری توصیه می‌کند. به طور کلی یکی از بهترین چیزهایی که هنگام کار با GTM می‌توانید انجام دهید این است که مطمئن شوید همه چیز به طور شفاف نام‌گذاری شده است. در غیر این صورت احتمال وقوع اشتباهات زیاد می‌شود.

اکانت‌های GTM متعدد را می‌توان از طریق یک اکانت GTM مدیریت کرد اما گوگل توصیه می‌کند که برای هر دامنه یک container بسازید. نیازی نیست که برای هر کدام از تگ‌ها یا هر کدام از صفحات سایت یک containerهای جداگانه بسازید، می‌توان همه تگ‌ها را درون یک container جا داد.

container چیزی است که اکثر شرکت‌ها و سازمان‌ها به آن نیاز دارند. اما برای شرکتی که دارای شرکت‌های زیر مجموعه است یا کسب و کارهای جداگانه‌ای را هدایت می‌کند، وب‌سایت باید برای هر شرکت زیر مجموعه یا کسب و کار مجزا، یک container مخصوص به خود آن‌ها داشته باشد و می‌توان همه containerها را از یک اکانت GTM اصلی مدیریت کرد. اگر سایتی دارای یک زیردامنه باشد که رفتاری جداگانه از دامنه اصلی با آن صورت می‌گیرد، در نتیجه زیردامنه نیز باید دارای یک container مخصوص به خود باشد.

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

پس از ساختن container خود شرایط خدماتGTM  را پذیرفته و کد container خود را دریافت کنید.

نصب Googl Tag Manger

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

ساخت تگ

زمانی که یک container را می‌سازید یا انتخاب می‌کنید، اولین چیزی که می‌بینید داشبورد GTM است. نهایتاً درباره هر چیزی که در این قسمت می‌بینید صحبت خواهیم کرد اما بگذارید که با ساخت یک تگ شروع کنیم. بر روی ” Add a New Tag ” کلیک کنید تا پنجره‌ای باز شود که قادرید در آن تگ خود را نام‌گذاری و پیکربندی کنید.

پیش از اینکه وارد فرآیند ساخت تگ‌ها شویم به یاد داشته باشید که تگ‌های خود را به صورت شفاف نام‌گذاری کنید. از آنجایی که سایت‌ها اغلب از تگ‌های متفاوتی استفاده می‌کنند نمی‌خواهید در مورد اینکه کدام تگ چه کاری انجام می‌دهد دچار سردرگمی شوید. توصیه گوگل برای نام‌گذاری تگ‌ها چنین است : نوع تگ – جزئیات – مکان. برای مثال یک تگ گوگل آنالیتیکز که از ارسال‌های صفحه Contact Us ردیابی می‌شود چنین نام‌گذاری می‌شود : ” GA – Form Submission – Contact Us “. ذکر مکان تگ در نامش ایده‌ای خوب است چون به متمایز کردن آن از تگ‌های مشابه در صفحات دیگر کمک می‌کند. بنابراین اگر تگ‌های دیگری از ارسال فرم گوگل آنالیتیکز در سایت خود داشتم، مشخص کردن اینکه یکی از آن‌ها مربوط به صفحه Contact Us است کمک می‌کند تا اشتباهاً تگ مشابه دیگری را ویرایش نکنم.

ذکر نوع تگ در ابتدای نام تگ کمک می‌کند تا  بتوانید تگ‌های خود را سازماندهی کنید. GTM تگ‌ها را بر اساس حروف الفبا لیست‌بندی می‌کند، بنابراین اگر تگ‌های متعددی را برای ابزار یا خدماتی مشابه ایجاد می‌کنید، همه آن تگ‌ها گروه‌بندی شده و به راحتی پیدا می‌‍شوند.

حالا برگردیم به ساخت تگ. زمانی که در داشبورد بر روی ” Add a new tag ” کلیک می‌کنید، این پنجره‌ای است که خواهید دید. ” Tag Configuration ” را انتخاب کرده و لیستی از قالب‌های تگ در اختیار شما قرار داده می‌شود که بسیاری از انواع رایج تگ در آن وجود دارد. اگر هر کدام از این‌ها چیزی است که به دنبالش هستید بر روی آن کلیک کرده و اطلاعات مورد نیاز را وارد کنید. اگر نوع تگی که می‌خواهید بسازید در لیست نبود، ” Custom HTML ” را انتخاب کرده تا بتوانید کد خود را اضافه کنید.

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

تنظیمات تگ

همه کاری که باید بکنید این است که ” Page View ” را از منوی کشویی ” Track Type  ” انتخاب کرده سپس با اطلاعات اکانت گوگل آنالیتیکز متغیری را وارد کنید. اگر این متغیر را قبلاً نساخته‌اید حالا می‌توانید از طریق کلیک بر روی منوی کشویی موجود در زیر ” Google Analytics Settings ” و انتخاب ” New Variable ” آن را ایجاد کنید. اگر بخواهم تغییراتی را در ترتیب فعال‌سازی تگ یا ساخت جدول زمانی فعال شدن آن‌ها ایجاد کنم می‌توانم با کلیک بر روی گزینه ” Advanced Settings ” این کار را انجام دهم. در خارج از پنجره پیکربندی تگ کلیک کنید تا به صفحه قبل باز گردید. سپس باید حداقل یک trigger بسازید. برای شروع بر روی قسمت ” Triggering ” در زیر ” Tag Configuration ” کلیک کنید. اگر از قبل یک trigger نساخته‌اید که بتوانید از لیستی که باز می‌شود آن را انتخاب کنید، در گوشه بالای سمت راست پنجره بر روی + کلیک کرده تا پنجره‌ای جدید باز شود، در این پنجره از شما نام trigger جدید را می‌پرسد، نام مورد نظر خود را وارد کرده و بر روی قسمت ” Tag Configuration ” کلیک کنید تا بتوانید لیستی از انواع triggerها را ببینید. در این مورد ترجیحاً ” Page View ” را انتخاب می‌کنم.

از آنجایی که می‌خواهم تگ فقط بر روی یک صفحه خاص فعال شود، ” Some Page Views ” را انتخاب می‌کنم، سپس یک فیلتر ایجاد می‌کنم که مشخص می‌کند که URL صفحه باید معادل URL صفحه قیمت‌ها باشد. اگر بخواهم فیلتر دیگری اضافه کنم باید بر روی دکمه (+) نزدیک به فیلتر کلیک کنم. اگر فیلترهای متعددی برای این تگ بسازم و بعداً بخواهم تا یکی از آن‌ها را حذف کنم فقط کافیست بر روی دکمه تفریق (-) که در کنار فیلتر در قسمت سوالات وجود دارد کلیک کنم. زمانی که کارتان تمام شد برای خروج در مکانی خارج از پنجره کلیک کنید.

زمانی که تگ و trigger خود را پیکربندی کردید آن را ذخیره کنید، سپس می‌توانید به ساخت تگ‌های بیشتر ادامه داده یا پیش از انتشار تگ خود یک پیش‌نمایش از آن را مشاهده کنید تا مطمئن شوید که به درستی کار می‌کند.

پیش‌نمایش، رفع مشکل و انتشار تگ‌ها

مد ” Preview & Debug ” در GTM به شما اجازه می‌دهد که تگ‌ها را پیش از انتشار تست کنید تا مطمئن شوید که همه چیز به خوبی کار می‌کند و هیچ خطایی در داده‌ها نیست.

برای ورود به ” Preview & Debug ” بر روی دکمه ” Preview ” در قسمت سمت راست بالای داشبورد GTM کلیک کنید، سپس با بنری نارنجی رنگ مواجه می‌شوید که به شما می‌گوید در مد ” Preview ” هستید. سپس سایتی را که در حال تگ کردن آن هستید باز کنید، اگر قبلاً سایت خود را در تب دیگری باز کرده‌اید آن را refresh کنید و خواهید دید که پنل ” Debug ” در پایین صفحه نمایش داده می‌شود (نگران نباشید، بازدیدکنندگان سایت آن را نمی‌بینند).

پنل ” Debug ” همه اطلاعات مربوط به تگ‌ها، triggerها و لایه داده را نمایش می‌دهد. در سمت چپ پنل خلاصه‌ای از جدول زمانی رویدادها وجود دارد که همه رویدادهای مربوط به لایه داده‌ها (data layer) را نشان می‌دهد. در اینجا باید حداقل بتوانید سه رویداد را در لیست خود مشاهده کنید : Page View، DOM Ready و Window Loaded. مشاهده بیش از سه رویداد مشکلی ندارد اما اگر هر کدام از این سه رویداد وجود نداشته باشند مشکلی هست که باید حل شود.

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

اگر در مُد ” Preview & Debug ” کار می‌کنید تنها کسی هستید که می‌توانید اطلاعات مربوط به تگ‌ها را مشاهده کنید. حالا فرض کنید که عضو تیمی در یک پروژه تگ‌سازی هستید و مشکلی را پیدا می‌کنید که می‌خواهید توجه فرد دیگری را به آن جلب کنید. یک راه برای انجام این کار هست. به داشبورد GTM خود بازگشته و به بنر نارنجی نگاه کنید. در قسمت سمت راست دکمه ” Share Preview ” وجود دارد، بر روی آن کلیک کرده و کادری به شما نشان داده می‌شود که می‌توانید URL صفحه را در قسمت سوال وارد کنید. این کار یک لینک پیش‌نمایشی تولید کرده که می‌توانید آن را به فرد دیگری ارسال کنید.

اگر زمان سختی را برای درست کار کردن ” Preview & Debug ” گذرانده‌اید، سایت Analytics Mania راهنمای خوبی را در مورد حل برخی از این مشکلات و دلیل اتفاق افتادن آن‌ها دارد.

حتی پس از انتشار یک تگ، گوگل به راحتی این امکان را در اختیار شما می‌گذارد که به عقب باز گشته و مطمئن شوید که مشکلی وجود ندارد. Google Tag Assistant یک اکستنشن رایگان درChrome  است و زمانی که آن را نصب کنید می‌توانید هر صفحه‌ای را که می‌خواهید بر روی سایت خود مشاهده کرده و به شما خواهد گفت که آیا تگ‌ها به درستی فعال می‌شوند یا امکان بهبود چیزی وجود دارد یا خیر. GTA دارای یک سیستم رنگ‌بندی سه‌تایی برای نشان دادن یافته‌های خود است : سبز، آبی و قرمز. سبز بدین معناست که همه تگ‌های شما کار می‌کنند، آبی به این معناست که GTA پیشنهاداتی را برای چگونگی بهبود یک تگ دارد و قرمز بدین معناست که تگ کار نمی‌کند.

هنگامی که مشخص شد که همه تگ‌های شما به درستی کار می‌کنند، می‌توانید به انتشار آن‌ها اقدام نمایید. از داشبورد  GTM و در گوشه بالایی سمت راست بر روی دکمه ” Submit ” کلیک کنید و از شما پرسیده خواهد شد تا تغییرات خود را مرور کنید. اگر همه چیز خوب به نظر می‌رسد، نام و توضیحاتی را برای نسخه جدید container خود وارد کرده و آن را منتشر کنید.

زمانی که تغییرات را در GTM منتشر می‌کنید، نسخه‌ای جدید از container شما می‌سازد. اگر مشکلی وجود داشت و مجبور شدید تا به نسخه قبلی container خود باز گردید، فقط کافیست بر روی دکمه ” Versions ” در بالای داشبورد GTM  کلیک کرده، نسخه‌ای که می‌خواهید به آن باز گردید را از لیست انتخاب کرده، بر روی ” Action ” و سپس بر روی ” Publish ” کلیک کنید.

اگر تگ‌های خود را از یک tag manager یا از تگ‌های با کد سخت بر روی سایت خود انتقال می‌دهید، گوگل توصیه می‌کند که همه تگ‌های خود را در GTM تنظیم و مدیریت کنید، سپس همه تگ‌های قدیمی خود را یکجا حذف کرده و GTM container را با تگ‌های جدید خود و با سرعت هر چه تمام‌تر منتشر کنید. ممکن است که شکافی کوچک در جمع‌آوری داده‌های خود داشته باشید اما هنگامی که تگ‌های جدید خود را فعال کردید دیگر نباید هیچ مشکلی وجود داشته باشد.

فضاهای کاری، تغییرات فضای کاری و تاریخچه فعالیت

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

در نسخه‌های قدیمی‌تر GTM لازم بود که همه ویرایش‌ها حتماً در پیش‌نویس یک container درج شود. اگر فرد یا تیمی کار اضافه کردن تگ‌ها را زودتر از فرد یا تیم دیگر تمام می‌کرد، دیگر نمی‌توانست تگ‌های جدید خود را بدون منتشر کردن تگ‌های در جریان تیم دیگر منتشر کند. اما با در اختیارداشتن فضاهای کاری کاربران متعدد می‌توانند عمل ساختن تگ را به طور هم‌زمان و بدون دخالت در کار یکدیگر انجام دهند.

هر فضای کاری از نسخه container منتشر شده به عنوان پایه خود استفاده می‌کند، اما تگ‌های موجود در هر فضای کاری می‌توانند به صورت مستقل از تگ‌های موجود در فضاهای کاری دیگر ویرایش، پیش‌نمایش، اشکال‌زدایی و حتی منتشر شوند. اگر با نسخه رایگانی از GTM کار می‌کنید، می‌توانید تا سه فضای کاری متفاوت داشته باشید، یک فضای کاری پیش‌فرض و دو فضای کاری دیگر. اما اگر از Google Tag Manager 360 استفاده می‌کنید، می‌توانید تعداد نامحدودی از فضاهای کاری را ایجاد کنید.

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

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

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

یک نکته عالی دیگر در مورد GTM این است که اگر بخواهید از بیش از یک فرد برای کار کردن بر روی تگ‌ها استفاده کنید به شما می‌گوید که چه تغییراتی، در چه زمانی و توسط چه کسی انجام شده است. در داشبور قسمتی را با عنوان Workspace Changes می‌بینید که برخی از آخرین تغییرات اعمال شده بر روی تگ‌ها و triggerها را نشان می‌دهد. اگر هر اشتباهی رخ داده باشد می‌توانید از گزینه ” Abandon Change ” برای حذف آن تغییرات استفاده کنید. در پایین قسمت Workspace Changes، بخش Activity History قرار دارد که تمامی فعالیت‌های انجام شده بر روی اکانت GTM را نشان می‌دهد.

منابع اضافی

Google Tag Manager امکانات زیادی ارائه می‌دهد اما یادگیری استفاده کامل از آن می‌تواند زمان‌بر باشد. این راهنما به شما کمک کرد تا با این ابزار آشنا شوید اما با توجه به اینکه این ابزار پتانسیل زیادی دارد، چیزهای بسیار زیاد دیگری هست که می‌توانید در مورد آن یاد بگیرید. LunaMetrics و Simo Ahava مقالاتی را به صورت گسترده‌تر در مورد GTM نوشته‌اند، بنابراین می‌توانید برای پیدا کردن پاسخ سوالات خود و یادگیری بیشتر به مقالات آن‌ها نگاهی داشته باشید. البته گوگل هم اطلاعات مفیدی در اختیارتان قرار می‌دهد. اگر توسعه‌دهنده نیستید می‌توانید مقاله ” راهنمای Google Tag Manager برای توسعه‌دهندگان ” را مطالعه کنید زیرا توضیحاتی ارزشمند را در مورد برخی مفاهیم مربوط بهGTM  و اطلاعات بسیار خوب دیگری را در مورد استفاده از آن در اختیارتان قرار می‌دهد. با در اختیار داشتن این منابع می‌توانید اطلاعات زیادی را در مورد GTM به دست آورید.