آموزش کار با Google Tag Manager و مدیریت تگ‌های وب‌سایت

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

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

توی این مقاله قدم به قدم می‌ریم جلو تا هم بفهمید این ابزار دقیقاً چیه، هم بتونید تا آخر مقاله راهش بندازید.

گوگل تگ منیجر (Google Tag Manager) چیست؟

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

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

تگ چیست و چطور کار می‌کند؟

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

خیلی وقت‌ها این تگ‌ها اونقدر کوچیک هستن که اصلاً به چشم نمیان. یه نمونه‌ی خیلی ساده از پیکسل تگ اینجوریه:

html

<img style="position: absolute;" src="Tracking">

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

کانتینر و دیتالایر یعنی چه؟

این دوتا اصطلاح رو زیاد می‌شنوید، پس بذارید ساده توضیحشون بدم.

کانتینر (Container): همون ظرفیه که همه‌ی تگ‌هاتون داخلش قرار می‌گیره. برای هر سایت یه کانتینر می‌سازید و کد اون کانتینر رو به سایت اضافه می‌کنید. از اون به بعد هر تگی داخل این ظرف بذارید، روی سایت اجرا میشه.

دیتالایر (Data Layer): هم یه لایه‌ی اطلاعاتیه بین سایت شما و تگ منیجر. اطلاعاتی مثل قیمت محصول، نام دسته‌بندی یا مبلغ سفارش از طریق دیتالایر به GTM منتقل میشه. اگه فروشگاه اینترنتی دارید، این بخش خیلی به کارتون میاد.

فرق گوگل تگ منیجر با گوگل آنالیتیکس چیست؟

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

یعنی این دوتا رقیب هم نیستن، مکمل همدیگه‌ان. GTM پستچیه، آنالیتیکس صندوق پسته.

ارتباط گوگل تگ منیجر با بقیه‌ی سرویس‌ها

چون هر دو سرویس مال خود گوگله، GTM و گوگل آنالیتیکس بی‌نهایت راحت با هم کار می‌کنن. آنالیتیکس برای بررسی رفتار کاربر از کدی به اسم GA Tracking استفاده می‌کنه و شما می‌تونید همین کد رو مستقیم از داخل تگ منیجر روی سایت بذارید.

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

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

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

بریم سر اصل مطلب. مزیت‌های واقعی این ابزار اینان:

مدیریت متمرکز بدون کدنویسی

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

کلی صرفه‌جویی توی زمان

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

تغییرات یک‌جا اعمال میشه

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

سایتتون سبک‌تر می‌مونه

چون تگ‌ها به صورت غیرهمزمان و مدیریت‌شده لود میشن، معمولاً وضعیت سرعت سایت بهتر از حالتیه که ده تا کد رو دستی چپونده باشید لای کدهای قالب.

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

چرا باید سراغ این ابزار بریم؟

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

با این ابزار نه تنها می‌تونید مسیر فروش رو بهتر کنید، بلکه خیلی از مشکلاتی که وسط کار پیش میاد رو از قبل شناسایی می‌کنید. مثلاً می‌فهمید کاربرها توی کدوم مرحله از پرداخت بی‌خیال میشن و می‌رن.

از نظر فنی هم تگ‌های پیکسلی بهتون اجازه می‌دن مشاهدات کاربر رو ردیابی کنید و بفهمید تمرکزش روی کدوم قسمت سایته.

چه داده‌هایی قابل ردیابی هست؟

نوع داده‌هایی که یه تگ می‌تونه جمع کنه محدود به موارد ساده نیست، ولی معمولاً شامل این‌هاست:

• رزولوشن و اندازه‌ی صفحه‌ی کاربر
• آدرس IP و موقعیت جغرافیایی تقریبی
• نوع مرورگر و سیستم‌عامل
• صفحه‌ای که کاربر ازش اومده
• کلیک روی دکمه‌ها و لینک‌های خاص
• میزان اسکرول توی صفحه
• ارسال فرم‌ها و تکمیل خرید

آموزش کار با Google Tag Manager قدم به قدم

خب حالا بریم سراغ بخش عملی. قبلش یه نکته بگم: این آموزش برای وردپرس خودمیزبان یعنی wordpress.org نوشته شده و روی wordpress.com جواب نمی‌ده.

مرحله اول: ثبت‌نام و ساخت اکانت

اول برید توی سایت گوگل تگ منیجر و روی گزینه‌ی Create Account کلیک کنید. برای این کار به یه حساب جیمیل نیاز دارید.

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

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

مرحله دوم: ساخت کانتینر و انتخاب پلتفرم

پایین همون صفحه ازتون می‌پرسه کانتینر رو برای چه پلتفرمی می‌خواید بسازید. چون دارید برای سایت وردپرسی کار می‌کنید، گزینه‌ی Web رو انتخاب کنید و بعد روی Create بزنید.

بلافاصله یه صفحه با عنوان Google Tag Manager Terms of Service Agreement باز میشه که همون توافق‌نامه‌ی سرویسه. تیک پایین صفحه رو بزنید و روی Yes بالا سمت راست کلیک کنید.

مرحله سوم: دریافت کد رهگیری

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

کنار هر کد یه آیکون کپی هست که با یه کلیک کد رو کپی می‌کنه.

نکته‌ی مهم اینجاست:

• کد اول باید داخل تگ <head> قرار بگیره
• کد دوم باید بلافاصله بعد از تگ <body> قرار بگیره

اگه جاشون رو اشتباه بذارید، ممکنه بعضی داده‌ها ثبت نشن.

مرحله چهارم: اضافه کردن کد به سایت وردپرسی

برای این مرحله حتماً باید دسترسی مدیریت داشته باشید، وگرنه نمی‌تونید تغییری اعمال کنید.

روش اول: ویرایش دستی فایل قالب

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

اولین کد رهگیری رو داخل بخش <head> بذارید، درست شبیه این:

html

<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-XXXXXXX');</script>
    <!-- End Google Tag Manager -->
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="profile" href="https://gmpg.org/xfn/11" />
</head>

کد دوم رو هم دقیقاً بعد از تگ <body> بذارید:

html

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>

به جای GTM-XXXXXXX شناسه‌ی کانتینر خودتون قرار می‌گیره که توی پنل بهتون نشون داده شده.

آخرش روی به‌روزرسانی پرونده‌ها که پایین سمت چپ صفحه‌ست کلیک کنید.

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

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

روش دوم: استفاده از افزونه

اگه اهل دست زدن به کد نیستید یا می‌ترسید چیزی خراب بشه، از افزونه‌هایی مثل Insert Headers and Footers یا GTM4WP استفاده کنید. نصبشون می‌کنید، کد رو توی فیلد مربوطه پیست می‌کنید و تموم.

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

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

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

پیکربندی تگ

اول برید توی داشبورد گوگل تگ منیجر و این مسیر رو طی کنید: Workspace بعد New Tag بعد Add a New Tag.

با کلیک روی Add a New Tag یه پنجره‌ی جدید باز میشه که دوتا فیلد جدا داره. سمت راست هر کدوم یه آیکون مداد هست که با زدنش می‌تونید تنظیمات رو انجام بدید.

توی فیلد اول یعنی Tag Configuration نوع تگی که می‌خواید رو انتخاب می‌کنید. اینجا بر اساس تگی که نیاز دارید و اطلاعاتی که از Partner ID می‌گیرید، باید بدونید چه فیلدهایی رو باید پر کنید.

انتخاب تریگر

فیلد دوم یعنی Triggering مشخص می‌کنه این تگ کِی اجرا بشه. مثلاً:

• All Pages یعنی توی همه‌ی صفحه‌ها اجرا شه
• Click یعنی وقتی کاربر روی یه دکمه‌ی خاص کلیک کرد اجرا شه
• Form Submission یعنی موقع ارسال فرم اجرا شه

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

تست کردن با حالت Preview

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

این مرحله رو رد نکنید. خیلی وقت‌ها آدم فکر می‌کنه همه‌چی درسته ولی تگ اصلاً شلیک نمی‌کنه.

انتشار تغییرات

بعد از اینکه اسم تگ رو یه چیز واضح گذاشتید و از درست کار کردنش مطمئن شدید، روی Submit و بعد Publish کلیک کنید.

راجع به اسم‌گذاری یه توصیه دارم. اسم‌هایی مثل «تگ ۱» و «تست» رو فراموش کنید. اسم‌های واضح مثل «GA4 – Page View» یا «Facebook Pixel – Purchase» بذارید. سه ماه بعد که برگشتید، خودتون ازتون تشکر می‌کنید.

اتصال گوگل آنالیتیکس ۴ به تگ منیجر

رایج‌ترین کاربرد GTM همینه، پس جدا توضیحش می‌دم.

اول از پنل گوگل آنالیتیکس ۴ برید توی بخش Admin و Data Streams و شناسه‌ی اندازه‌گیری یا همون Measurement ID رو کپی کنید. یه چیزی شبیه G-XXXXXXX هست.

بعد توی تگ منیجر یه تگ جدید بسازید، نوعش رو Google Tag انتخاب کنید، شناسه رو پیست کنید و تریگرش رو روی All Pages بذارید. ذخیره کنید و منتشر کنید.

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

اشتباهات رایجی که خیلی‌ها مرتکب میشن

بذارید چندتا از رایج‌ترین دردسرها رو بگم تا شما گرفتارشون نشید:

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

فراموش کردن Publish. تگ رو می‌سازن، ذخیره می‌کنن و می‌رن. ولی تا وقتی Publish نزنید، هیچ اتفاقی روی سایت نمی‌افته.

نذاشتن کد noscript. اون کد دوم که مربوط به بخش body بود رو خیلی‌ها بی‌خیال میشن. برای بخشی از کاربرها که جاوااسکریپت غیرفعال دارن، همین کد کار می‌کنه.

تست نکردن. حرفش رو زدم ولی باز تکرار می‌کنم. Preview بگیرید.

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

سؤالات متداول

جمع‌بندی

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

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

امیدوارم این مقاله بهتون کمک کرده باشه. اگه جایی گیر کردید یا سؤالی داشتید، توی کامنت‌ها بنویسید. موفق باشید.

–

–

–

–

–

–

–

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

Google Tag Manager چیست؟

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

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

تگ چیست؟

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

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

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

کد زیر یک مثال از pixel tag می‌باشد.

<img style="position: absolute;" src="Tracking">

Tag Manager یکی از سرویس‌های گوگل است که هدف اصلی آن مدیریت راحت‌تر و بهتر تگ‌ها است در سایت است.

سرویس‌های Google Tag Manager و Google Analytics توسط کمپانی گوگل ارائه‌شده است؛ ازاین‌رو معمولاً Google Tag Manager با گوگل آنالیتیکس سازگار می‌باشد، دلیل این موضوع این است که گوگل آنالیتیکس برای بررسی رفتار کاربران از یک کد به اسم GA Tracking استفاده می‌کند.

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

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

کارایی Google Tag Manager چیست؟

یکی از مهم‌ترین کارایی‌های این سرویس رایگان این است که Google Tag Manager قادر است هم‌زمان از Google Analytics و سرویس‌های دیگر پشتیبانی کند.

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

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

با توجه به اینکه تکنولوژی تگ، رفتارهای کاربر را دنبال می‌کند نوع داده‌هایی که یک تگ می‌تواند بازیابی کند محدود به مواردی مانند وضوح صفحه، آدرس IP، نوع وب‌سایت یا ایمیلی که استفاده می‌کنید و نوع سیستم‌عامل نمی‌شود.

چرا باید از Google Tag Manager استفاده کنیم؟

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

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

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

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

آموزش کار با Google Tag Manager

شما برای نصب Google Tag Manager در وردپرس باید یک سری مراحل را طی کنید که ما در اینجا این مراحل را برای شما به‌صورت قدم‌به‌قدم توضیح خواهیم داد، اگر شما این روند را درست طی کنید می‌توانید بدون هیچ مشکلی در این سرویس ثبت‌نام کنید.

نکته‌ای که باید در این قسمت به آن توجه داشته باشید این است که این سرویس در مورد wordpress.org است و برای wordpress.com کاربرد ندارد.

مرحله اول:ثبت نام در Google Tag Manager

در قدم اول باید یک اکانت در این سرویس ایجاد کنید؛ برای اینکه بتوانید در این سرویس ثبت‌نام کنید باید وارد صفحه وب Google Tag Manager شوید ؛ با وارد شدن به این صفحه با صفحه‌ای مشابه تصویر زیر مواجه خواهید شد.

در این قسمت شما به یک حساب Gmail برای ساخت اکانت در این سرویس نیاز دارید. بر روی Create Account کلیک کنید تا به صفحه بعدی انتقال پیدا کنید. دقت داشته باشید که در این قسمت معمولاً بهتر است به‌جای استفاده از ایمیل شخصی از ایمیل شرکت خود استفاده کنید.

با واردکردن آدرس Gmail وارد یک صفحه جدید می‌شوید که شامل فیلدهای مختلفی است که یک سری اطلاعات از شما می‌خواهد؛ این اطلاعات شامل واردکردن منطقه جغرافیایی، نام شرکت و غیره می‌باشد. پس‌ازاینکه تمامی فیلدها را با اطلاعات صحیح پر کردید باید مطابق با تصویر زیر روی گزینه‌ی “Create” کلیک کنید تا اکانت جدید شما ساخته شود.

در آخر این صفحه از شما می‌خواهد که پلتفرم مورداستفاده خود را انتخاب کنید. اگر از وردپرس استفاده می‌کنید باید گزینه‌ی “Web” را انتخاب کنید.

بعد از طی کردن تمامی مواردی که در بالا گفته شد یک صفحه به اسم Google Tag Manager Terms of Service AgreementNoYes برای شما نمایش داده خواهد شد که مربوط به توافق‌نامه سرویس است و شما باید تیک آخر این صفحه را بزنید و بر روی گزینه‌ی “YES” که در سمت راست، بالا قرار دارد کلیک کنید تا اطلاعات شما ذخیره شود.

مرحله دوم: دریافت کد

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

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

مجموعه کد اول را باید در بخش <Head> خود وارد کنید و فیلد دوم باید بعد از تگ <Body> قرار داده شود.

مرحله سوم: افزودن کد رهگیری به پیشخوان

در این قسمت شما باید کدهایی ک در مرحله قبل کپی کردید را به سایت خود اضافه کنید. دقت داشته باشید که در این مرحله شما باید حتماً دسترسی مدیریت داشته باشید؛ در غیر این صورت نمی‌توانید تغییرات را اعمال کنید.

در این قسمت وارد پیشخوان» نمایش» ویرایشگر پوسته شوید. با وارد شدن به این قسمت می‌توانید در صفحه جدید در سمت چپ گزینه‌ی ” پرونده‌های پوسته” را مشاهده کنید. روی بخش “سربرگ پوسته” یا همان header.php کلیک کنید.

در گام بعد شما می‌توانید کد رهگیری را که در مرحله قبل کپی کردید را به “عنوان” و قسمت “بدنه پرونده” header.php اضافه کنید. بااین‌حال برخی از قالب‌ها برای این مورد مجاز نیستند و به شما این اجازه را نمی‌دهدند تا از اسم‌های دیگری برای این فایل استفاده.

پس از باز کردن فایل header.php، اولین کد رهگیری را که مربوط به بخش header است را در بین کد‌های <Head> اضافه کنید.

<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-T2Q9Z6T');</script>
<!-- End Google Tag Manager -->
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="profile" href="https://gmpg.org/xfn/11" />
</head>

کد رهگیری دیگر را نیز دقیقا مانند روند گفته شده در <Body> جایگذاری کنید.

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T2Q9Z6T"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>

بعد از واردکردن کدها بر روی “به‌روزرسانی پرونده‌ها” که در سمت چپ پایین صفحه قرار دارد کلیک کنید.

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

افزودن تگ ردیابی به Google Tag Manager

خب در این قسمت به شما آموزش خواهیم داد که چگونه به Google Tag Manager تگ ردیابی اضافه کنید. اگر مراحل زیر را به‌درستی انجام دهید می‌توانید به‌راحتی تگ‌های ردیابی را اضافه کنید؛ پس با ما همراه باشید.

در قدم اول شما باید به داشبورد کاربری خود در Google Tag Manager بروید و روند Workspace» New Tag» Add a New Tag را طی کنید تا بتوانید یک تگ جدید اضافه کنید.

با کلیک کردن بر روی گزینه‌ی Add a New Tag یک پنجره جدید برای شما بازخواهد شد که شامل 2 فیلد جداگانه است. در سمت راست هر دو این فیلدها یک آیکون مداد وجود دارد که شما با انتخاب آن قادر خواهید بود تغییرات موردنظر خود را اعمال کنید. به‌عنوان‌مثال اگر وارد فیلد اول (Tag Configuration) شوید می‌توانید تگ موردنظر خود را انتخاب کنید.

در این قسمت درواقع شما باید بر اساس تگی که نیاز دارید و داده‌ای که از Partner ID دریافت می‌کنید باید بدانید که چه مواردی را بایستی به‌صورت اطلاعات ضروری وارد کنید. همچنین شما باید در فیلد دوم یعنی Triggering section، trigger موردنظر خود را انتخاب کنید.

بعدازاینکه هر دو این فیلدها را به‌درستی پر کردید بر روی گزینه‌ی “Save” در بالا سمت راست کلیک کنید تا تغییراتی که اعمال کردید ذخیره شود.

و در آخر بعدازاینکه اسم تگ موردنظر را تغییر دادی بر روی “انتشار” کلیک کنید.

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

نتیجه گیری

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

پیشنهاد ما به شما این است که حتماً از این سرویس رایگان استفاده کنید. درواقع شما با امتحان کردن این سرویس چیزی را از دست نخواهید داد بلکه یک تجربه بسیار جذاب به‌دست خواهید آورد. در یک کلام Google Tag Manager شما را شگفت‌زده خواهد کرد!

امیدواریم مقاله آموزش کار با Google Tag Manager به شما برای استفاده راحت‌تر و بهتر از گوگل تگ منیجر کمک کرده باشد. موفق و پیروز باشید.

تیم تولید محتوا

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