یکی از مشکلات رایج وبمستران در هنگام کار با گوگل تگ منیجر این است که در ابتدای نصب آن، گاهی اتفاق می‌افتد که «Preview and Debug» یا «حالت پیش‌نمایش گوگل تگ منیجر» کار نمی‌کند. بیشتر وبمستران حتی برای یک بار هم که شده، این اتفاق را تجربه کرده‌اند و به خوبی می‌دانند که در همان مراحل اولیه، مشکلات فراوانی را به وجود ‌آورده است. در این مقاله، ۱۶ روش کاملا کاربردی برای حل مشکل عدم پیش‌نمایش (Preview and Debug) گوگل تگ منیجر ارائه خواهیم کرد که بدون شک یکی از این روش‌ها مشکل تگ منیجر شما را حل می‌کند.

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


اجازه بدهید با یک مثال، این موضوع را توضیح دهم.

شما یک اکانت گوگل تگ منیجر می‌سازید و کد آن را به برنامه‌نویس یا وبمستر سایتتان می‌دهید تا طبق گفته راهنمای تگ منیجر، آن را در بخش ‌‌«head» وبسایت کپی کند و به این ترتیب، مرحله نصب گوگل تگ منیجر به خوبی انجام شود. اما پس از انجام این کار، هر چقدر که تلاش می‌کنید نمی‌توانید بخش ‌«preview and debug» تگ منیجر را (همان باکس نارنجی رنگ که با کلیک روی دکمه «prevew» ظاهر می‌شود) ببینید. در این شرایط، مهم‌ترین کارهایی که باید انجام دهید، موارد زیر هستند:

۱.۱: از افزونه کروم Tag Assistant Chrome extension استفاده کنید

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

۲.۱: کدهای اصلی وب‌سایت خود را بررسی کنید

از این طریق می‌توانید ببینید اصلا تگ منیجر شما به‌ درستی در سایت قرار گرفته یا خیر؟ برای این کار کافی است دکمه «Ctrl + U» را بزنید تا به سورس وب‌سایت خود دسترسی پیدا کنید. می‌توانید در این صفحه، کد کانتینر گوگل تگ منیجر خود را ببینید. اگر کد موجود نباشد به این معنی است که فرآیند نصب درست نبوده و دوباره باید این کار را انجام دهید.

۲. اشتباه در قرار دادن کد گوگل تگ منیجر

شاید این مسئله کمی ساده به نظر برسد ولی نباید آن را نادیده بگیرید. به حساب گوگل تگ منیجر خود بروید، از گوشه سمت راست بالای صفحه و «container ID» گوگل تگ منیجر خود را دوباره بررسی کنید و آن را با کدی که در سایت قرار داده‌اید، تطبیق دهید. اگر حساب‌های زیادی در گوگل تگ منیجر ساخته باشید ممکن است به اشتباه، کد یک وب‌سایت دیگر را در سایت فعلی قرار دهید که باید اصلاح شود. ساده‌ است اما باور کنید اتفاق می‌افتد!

۳. شما حالت Preview and Debug گوگل تگ منیجر خود را در یک کانتینر اشتباه فعال کرده‌اید!

هرچقدر تعداد اکانت‌های بیشتری در گوگل تگ منیجر داشته باشید، احتمال اشتباه کردن شما بیشتر می‌شود. یعنی ممکن است کد یک وب‌سایت دیگر را در سایت فعلی قرار دهید! دوباره چک کنید که «container» تگ منیجر درستی را در سایت خود قرار داده باشید.

۴. نگاهی به مرورگر اکانت تگ منیجر وب‌سایت خود بیندازید

وقتی‌ که حالت «Preview and Debug» تگ منیجر به‌ درستی فعال شود، گوگل تگ منیجر کوکی‌های اختصاصی را از طریق مرورگر برای شما فعال می‌کند تا بدون تغییر واقعی وب‌سایتتان، بتوانید داده‌ها و اطلاعات را مشاهده کنید. برای اینکه همه چیز درست کار کند باید در همان مرورگر – مثلا مرورگر کروم – هم وبسایتتان را داشته باشید و هم اکانت گوگل تگ منیجر باز باشد. به این ترتیب، وقتی کوکی هر دو بخش وجود داشته باشد می‌توانید به خوبی از بخش «prevew and debug» استفاده کنید. به این سه حالت توجه کنید:

  1.  هم حساب گوگل تگ منیجر و هم وب‌سایت شما در تب مرورگر کروم باز شده است. (حالت بهینه که پیش‌نمایش کار می‌کند.)
  2. حساب گوگل تگ منیجر در مرورگر کروم باز می‌شود اما وب‌سایت در تب خصوصی (پرایوت تب) و به‌صورت ناشناس باز می‌شود و به ابزارهای دیگر اجازه دسترسی نمی‌دهد. (حالت پیش‌نمایش تگ منیجر کار نمی‌کند.)
  3. اکانت گوگل منیجر شما با مرورگر موزیلا فعال است ولی وب‌سایت در مرورگر کروم باز است. (حالت پیش‌نمایش تگ منیجر کار نمی‌کند.)
    پس اطمینان حاصل کنید وب‌سایت و حساب تگ منیجر شما در یک مرورگر و در سطح عمومی (نه پرایوت یا همان «incognito») باشند.

۵. مطمئن شوید مرورگر شما کوکی‌های 3rd party را قبول می‌کند!

برخی از کاربران به دلیل مسائل امنیتی و حفظ حریم شخصی اجازه دسترسی کوکی‌ها به مرورگر خود را می‌بندند و آن‌ها را غیرفعال می‌کنند. در بعضی موارد، مرورگرها به‌صورت اتوماتیک دسترسی کوکی‌ها را غیرفعال می‌کنند و اجازه ذخیره کردن کوکی‌ها را نمی‌دهند. با توجه به نکته ۴ و اهمیت کوکی‌ها مطمئن شوید «3rd party cookies» مورد پذیرش مرورگر واقع می‌شود و شما دسترسی آن‌ها را محدود نکرده‌اید. چون بدون وجود کوکی‌ها نمی‌توانید حالت «Preview and Debug» تگ منیجر خود را مشاهده کنید.

پس شما باید دو کار مهم را انجام دهید:

  • در تنظیمات مرورگرتان کوکی‌های خود را فعال کنید.
    در اینجا می‌توانید به لیستی از دستورالعمل‌های لازم برای فعال‌سازی کوکی‌های مرورگرهای مختلف دسترسی پیدا کنید.
  • می‌توانید کوکی‌ها را غیرفعال کنید اما باید «www.googletagmanager.com» را به‌ عنوان یک استثنا به مرورگرتان معرفی کنید.

۶. سایت خود را رفرش کنید

با کلیک روی دکمه «preview» در پنل تگ منیجر، همه چیز تمام نمی‌شود. در واقع، هر بار که تغییری ایجاد می‌کنید (چه در تگ‌ها، چه تریگرها و …) باید بعد از رفرش کردن پنل «preview» تگ منیجر برای تست آن، یک بار سایت را نیز رفرش کنید تا نتیجه تغییرات اعمال شده را ببیینید. اکثر کاربران به دلیل فراموشی این قانون ساده، با مشکل مواجه می‌شوند.

۷. حالت Preview and Debug تگ منیجر کلا صفحه سفید را نشان می‌دهد

برای حل این مشکل توصیه می‌کنم افزونه‌ها و پلاگین‌های وب‌سایت را یک‌به‌یک غیرفعال کنید و ببینید کدام‌ یک از آنها باعث ایجاد این مشکل شده‌اند. البته گاهی ممکن است این اتفاق به علت عدم همخوانی کدهای «css» سایت با گوگل تگ منیجر رخ دهد. ممکن است هنگامی‌ که گوگل تگ منیجر، پنل «Preview» و «Debug» را در وب‌سایت بارگذاری می‌کند به دلیل وجود فضایی که نام آن مشابه کدهای سایت است تداخل‌های کوتاهی به وجود آید. به‌عبارت‌دیگر اگر عناصر خاصی در وب‌سایت شما از همان استایل استفاده می‌کنند مثلا (div class = gtm-class-class)، ممکن است در هنگام «Debug» کنسول تگ منیجر، مشکل ایجاد شود. احتمال وجود این مورد بسیار کم است اما اگر چنین مشکلی داشتید می‌توانید با راهنمایی گرفتن از یک برنامه‌نویس به سادگی مشکل را برطرف کنید.

۸. نمی‌توان Preview and Debug Console را تغییر اندازه داد

تغییر اندازه کنسول «Preview and Debug» با کشیدن مرز بالا به بالا یا پایین به‌راحتی انجام می‌شود. این کار برای خیلی‌ها کاربردی است؛ اما گاهی نمی‌توان اندازه کنسول را به این روش تغییر داد. برای حل این مشکل (Clearing browser cookies) پاک کردن کوکی‌های مرورگر و حافظه نهان (cache)، می‌تواند به شما کمک کند.

۹. AdBlocker و افزونه‌های دیگر گوگل تگ منیجر شما را بلاک می‌کنند

افزونه‌های زیادی وجود دارند که باعث می‌شوند نتوانید پنل «preview» تگ منیجر را در سایت ببینید. افزونه‌‌های کروم «Ghostery» و «AdBlock Plu» مسدود کردن گوگل تگ منیجر را آسان کرده‌اند. به همین خاطر اگر از این محدودکننده‌ها استفاده می‌کنید حتما آن‌ها را غیرفعال کنید.

۱۰. کار کردن باحالت پرایوت Firefox

متاسفانه حالت پرایوت مرورگر «Firefox» گوگل تگ منیجر را بلاک کرده و اجازه استفاده از آن را نمی‌دهد. به همین خاطر اگر می‌خواهید از مرورگر موزیلا و تگ منیجر استفاده کنید، حتما با حالت عمومی مرورگر «Firefox» کار کنید.

۱۱. کدهای تگ منیجر در هنگام کپی/پیست کردن به‌صورت تصادفی تغییر می‌کنند

این وضعیت، زمانی اتفاق می‌افتد که شما می‌خواهید «container code» تگ منیجر خود را به توسعه‌دهنده وب خود ارسال کنید؛ مثلا کد را در ورد یا گوگل داکس ذخیره کرده و سپس ارسال کنید. اما باید بدانید کوچک‌ترین تغییر در داده‌های ذخیره شده، عملکرد کدها را تغییر می‌دهد. به همین خاطر گرچه در ظاهر همان کدهای موجود در «container» تگ منیجر است اما کار نمی‌کند و «Preview and Debug» ظاهر نمی‌شود.

یک راه‌حل جایگزین برای این کار، سایت «pastebin.com» یا «codepen.io» است. کافی است یک اکانت در یکی از این دو سایت بسازید و از این به بعد هر کدی که می‌خواهید برای کسی بفرستید را ابتدا اینجا ذخیره کرده و سپس، لینک دسترسی به آن را برایشان ارسال کنید. خوشحال می‌شویم که نظرتان را در مورد این مطلب بدانیم. بخش نظرات برای همین موقع‌هاست!