آموزشسئو و گوگل

آموزش گوگل تگ منیجر

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

از صفر۱۳ ایستگاه۸۹ درسدرس‌ها به‌زودی

شروع: تگ منیجر چیست۶ درس، به‌زودی

پیش از نصب باید بدانید تگ منیجر چه کاری می‌کند و آیا اصلا لازمش دارید.

  1. گوگل تگ منیجر چیست به‌زودی

    ابزار رایگان گوگل که کدهای آمار و تبلیغ را از یک پنل در سایت می‌گذارد و می‌گوید کی اجرا شوند.

  2. تگ، تریگر و متغیر: تگ منیجر چطور کار می‌کند به‌زودی

    تگ یعنی چه کدی، تریگر یعنی کی، متغیر یعنی با چه داده‌ای؛ هر کاری از این سه ساخته می‌شود.

  3. تگ منیجر لازم دارم؟ کی بله، کی نه به‌زودی

    برای یک کد آنالیتیکس ساده لازم نیست؛ برای چند ابزار، رویداد و تبلیغ، تقریبا همیشه.

  4. تفاوت تگ منیجر و gtag (تگ گوگل) به‌زودی

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

  5. تفاوت تگ منیجر و گوگل آنالیتیکس به‌زودی

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

  6. گوگل آنالیتیکس چیستدر مسیر آموزش گوگل آنالیتیکس
حساب، کانتینر و نصب۹ درس، به‌زودی

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

  1. حساب و کانتینر (Container) چیست به‌زودی

    حساب مال کسب‌وکار، کانتینر مال یک سایت یا برنامه؛ هر کانتینر یک شناسه با GTM- دارد.

  2. ساخت حساب تگ منیجر و کانتینر، قدم به قدم به‌زودی

    با حساب گوگل، نام حساب، نشانی سایت و نوع «وب»؛ دو تکه کد نصب را می‌گیرید.

  3. نصب گوگل تگ منیجر روی سایت (کد head و body) به‌زودی

    تکه‌ی اول بالای head، تکه‌ی دوم درست بعد از باز شدن body، در همه‌ی صفحه‌ها.

  4. نصب تگ منیجر در وردپرس به‌زودی

    با افزونه‌ی رسمی و رایگان گوگل (Site Kit) یا کد در قالب؛ فقط یکی.

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

    با پیش‌نمایش (Tag Assistant) سایت را باز می‌کنید؛ «Connected» یعنی کانتینر روی صفحه است.

  6. آوردن کدهای قدیمی سایت به تگ منیجر به‌زودی

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

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

    نقش‌های حساب و کانتینر (خواندن، ویرایش، تأیید، انتشار)، بی دادن رمز خودتان.

  8. یک تگ منیجر برای چند سایت، یا هر سایت یک کانتینر به‌زودی

    سایت‌های جدا کانتینر جدا؛ زیردامنه‌ها معمولا یک کانتینر.

  9. تگ منیجر نصب نمی‌شود یا وصل نمی‌شود به‌زودی

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

فضای کار، نسخه و انتشار۷ درس، به‌زودی

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

  1. آشنایی با پنل تگ منیجر به‌زودی

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

  2. فضای کار (Workspace) چیست به‌زودی

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

  3. نسخه و انتشار (Submit و Publish) به‌زودی

    با هر انتشار یک نسخه با نام و توضیح ساخته می‌شود؛ نام خوب یعنی بعدا می‌فهمید چه عوض شد.

  4. برگرداندن نسخه‌ی قبلی به‌زودی

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

  5. محیط‌ها (Environments): آزمایش پیش از سایت اصلی به‌زودی

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

  6. نام‌گذاری و پوشه: کانتینر مرتب به‌زودی

    یک قاعده‌ی نام («ابزار، نوع، کار») و پوشه برای هر ابزار؛ کانتینر صدتایی هم خوانا می‌ماند.

  7. خروجی و درون‌ریزی کانتینر به‌زودی

    کل کانتینر یا بخشی را فایل می‌کنید و در کانتینر دیگر می‌آورید؛ ادغام یا جایگزینی.

تگ‌ها۱۰ درس، به‌زودی

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

  1. تگ در تگ منیجر چیست به‌زودی

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

  2. گذاشتن گوگل آنالیتیکس ۴ با تگ منیجر (تگ گوگل) به‌زودی

    تگ «Google Tag» با شناسه‌ی G- و تریگر همه‌ی صفحه‌ها؛ پایه‌ی همه‌ی رویدادهای آنالیتیکس.

  3. تگ رویداد GA4 (GA4 Event) به‌زودی

    نام رویداد و پارامترها را می‌دهید و با تریگر خودش اجرا می‌شود.

  4. تگ تبدیل گوگل ادز به‌زودی

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

  5. Conversion Linker چیست و چرا لازم است به‌زودی

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

  6. تگ بازاریابی مجدد گوگل ادز به‌زودی

    بازدیدکننده‌ها را برای تبلیغ دوباره در فهرست می‌گذارد؛ با رضایت.

  7. پیکسل و کد ابزارهای دیگر در تگ منیجر به‌زودی

    کد شبکه‌های تبلیغاتی و ابزارهای نقشه‌ی کلیک با قالب گالری یا HTML سفارشی؛ بی نام بردن از ابزار.

  8. تگ HTML سفارشی به‌زودی

    هر کدی که قالب ندارد؛ کی بجاست و چرا خطرناک‌ترین نوع تگ است.

  9. تنظیمات پیشرفته‌ی تگ: اولویت، یک بار در صفحه، ترتیب تگ‌ها به‌زودی

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

  10. گالری قالب‌ها (Community Template Gallery) به‌زودی

    قالب‌های آماده‌ی تگ و متغیر، با دسترسی‌های اعلام‌شده؛ امن‌تر از HTML سفارشی.

تریگرها۱۲ درس، به‌زودی

تریگر می‌گوید «کی»؛ تگ درست با تریگر غلط یا اجرا نمی‌شود یا همه‌جا اجرا می‌شود.

  1. تریگر در تگ منیجر چیست به‌زودی

    شرطی که تگ را اجرا می‌کند: نوع رویداد و شرط‌های آن، مثل «کلیک روی پیوندی که tel: دارد».

  2. تریگرهای بارگذاری صفحه: Consent Initialization، Initialization، Page View، DOM Ready، Window Loaded به‌زودی

    پنج لحظه از باز شدن صفحه؛ کدام تگ در کدام لحظه.

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

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

  4. تریگر ارسال فرم (Form Submission) به‌زودی

    فرستادن فرم را می‌گیرد؛ و چرا با فرم‌های تازه همیشه کار نمی‌کند.

  5. تریگر عمق اسکرول (Scroll Depth) به‌زودی

    وقتی بازدیدکننده به ۲۵، ۵۰ یا ۹۰ درصد صفحه رسید.

  6. تریگر دیده شدن عنصر (Element Visibility) به‌زودی

    وقتی بخشی از صفحه، مثل پیام «فرم فرستاده شد»، روی صفحه دیده شد.

  7. تریگر ویدیوی یوتیوب به‌زودی

    شروع، پیشرفت و پایان ویدیوی یوتیوب جاسازی‌شده در صفحه.

  8. تریگر زمان‌سنج (Timer) به‌زودی

    هر چند ثانیه یک بار، مثلا برای سنجیدن «بیش از یک دقیقه در صفحه ماند».

  9. تریگر تغییر تاریخچه (History Change) برای سایت تک‌صفحه‌ای به‌زودی

    سایتی که بی بارگذاری دوباره صفحه عوض می‌کند، صفحه‌دید را این‌طور می‌دهد.

  10. تریگر رویداد سفارشی (Custom Event) به‌زودی

    وقتی سایت در دیتا لیر رویدادی با نام مشخص فرستاد؛ مطمئن‌ترین تریگر.

  11. گروه تریگر (Trigger Group) و تریگر استثنا به‌زودی

    «وقتی هر دو اتفاق افتاد» با گروه؛ «جز این صفحه‌ها» با تریگر مسدودکننده.

  12. شرط‌ها و عبارت باقاعده (Regex) در تریگر به‌زودی

    برابر، شامل، شروع با و Regex؛ چند مثال آماده برای نشانی‌ها.

متغیرها۹ درس، به‌زودی

متغیر داده‌ای است که تریگر با آن تصمیم می‌گیرد و تگ آن را می‌فرستد.

  1. متغیر در تگ منیجر چیست به‌زودی

    جای خالی‌ای که در لحظه‌ی اجرا پر می‌شود: نشانی صفحه، متن دکمه، مبلغ خرید.

  2. متغیرهای آماده (Built-in) و روشن کردنشان به‌زودی

    Page URL، Click Text، Form ID و بقیه؛ بیشترشان باید یک بار روشن شوند.

  3. متغیر دیتا لیر (Data Layer Variable) به‌زودی

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

  4. متغیر عنصر صفحه (DOM Element) به‌زودی

    متن یا ویژگی یک عنصر صفحه را با شناسه یا انتخابگر CSS می‌خواند.

  5. متغیرهای نشانی: مسیر، پارامتر و ارجاع‌دهنده به‌زودی

    بخشی از نشانی، مثل utm_source یا شماره‌ی محصول در آن.

  6. متغیر جاوااسکریپت سفارشی به‌زودی

    تابع کوچکی که مقداری را حساب می‌کند؛ کی لازم است و کی نه.

  7. ثابت، جدول جستجو و جدول Regex به‌زودی

    یک مقدار ثابت یک بار تعریف می‌شود؛ جدول یک مقدار را به مقدار دیگری برمی‌گرداند.

  8. متغیر تنظیمات تگ گوگل و تنظیمات رویداد به‌زودی

    پارامترهای مشترک یک بار تعریف و در همه‌ی تگ‌های GA4 به کار می‌روند.

دیتا لیر (Data Layer)۵ درس، به‌زودی

مطمئن‌ترین راه گرفتن داده از سایت؛ تریگر کلیک و فرم با هر تغییر ظاهر سایت می‌شکند، دیتا لیر نه.

  1. دیتا لیر (Data Layer) چیست به‌زودی

    فهرستی در صفحه که سایت داده و رویداد را در آن می‌گذارد و تگ منیجر از آن می‌خواند.

  2. dataLayer.push: فرستادن رویداد و داده به‌زودی

    یک خط کد که سایت با آن می‌گوید «این اتفاق افتاد، با این داده‌ها».

  3. به برنامه‌نویس چه بگوییم: فهرست رویدادهای دیتا لیر به‌زودی

    یک جدول ساده: نام رویداد، کی، با چه داده‌ای؛ تا کار یک بار درست انجام شود.

  4. دیتا لیر فروشگاه برای GA4 به‌زودی

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

  5. دیتا لیر در ووکامرس و وردپرس به‌زودی

    داده‌ی فروش ووکامرس از چه راهی به دیتا لیر می‌رسد.

پیش‌نمایش و رفع اشکال۵ درس، به‌زودی

هیچ تغییری بی پیش‌نمایش منتشر نمی‌شود؛ این‌جا می‌بینید کدام تگ اجرا شد و چرا.

  1. حالت پیش‌نمایش (Preview) تگ منیجر به‌زودی

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

  2. Tag Assistant: خواندن پنجره‌ی پیش‌نمایش به‌زودی

    خط زمانی رویدادها، تگ‌های اجراشده و نشده، متغیرها و دیتا لیر؛ هر بخش چه می‌گوید.

  3. آزمودن رویداد GA4 با DebugView به‌زودی

    در پیش‌نمایش، رویداد همان لحظه در آنالیتیکس هم دیده می‌شود.

  4. تگ اجرا نمی‌شود (tag not fired): دلیل‌ها و راه‌حل به‌زودی

    شرط تریگر، متغیر خاموش، رضایت، یا تگ در فضای کار دیگری؛ به ترتیب نگاه کنید.

  5. پیش از انتشار: یک فهرست کوتاه به‌زودی

    پیش‌نمایش در گوشی و دسکتاپ، داده در آنالیتیکس، نام و توضیح نسخه.

نمونه‌های آماده۸ درس، به‌زودی

پرتکرارترین کارها، هر کدام از اول تا گزارش، که خواننده همان را می‌خواهد.

  1. ردیابی کلیک دکمه با تگ منیجر به‌زودی

    تریگر کلیک با شرط روی متن یا کلاس دکمه، تگ رویداد GA4، پیش‌نمایش، انتشار.

  2. ردیابی فرم با تگ منیجر به‌زودی

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

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

    کلیک روی پیوند tel: یا دکمه‌ی پیام، رویداد و رویداد کلیدی.

  4. ردیابی دانلود فایل به‌زودی

    کلیک روی پیوند PDF یا فایل فشرده، با نام فایل.

  5. تبدیل با صفحه‌ی تشکر به‌زودی

    ساده‌ترین راه سنجیدن فرم و خرید: دیده شدن صفحه‌ی تشکر؛ و جایی که فریب می‌دهد.

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

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

  7. پیدا کردن صفحه‌های ۴۰۴ با تگ منیجر به‌زودی

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

رضایت و حریم خصوصی۴ درس، به‌زودی

تگ‌ها نباید پیش از رضایت کاری کنند که رضایت می‌خواهد.

  1. داده‌ی شخصی را با تگ‌ها نفرستید به‌زودی

    ایمیل و تلفن در نشانی یا متغیر به ابزارها می‌رسد؛ پیدا کردن و بستنش.

سرعت و امنیت۴ درس، به‌زودی

تگ منیجر در هر صفحه اجرا می‌شود؛ کانتینر شلوغ سایت را کند و تگ ناامن آن را آسیب‌پذیر می‌کند.

  1. تگ منیجر و سرعت سایت به‌زودی

    خود تگ منیجر سبک است؛ تگ‌هایی که در آن گذاشته‌اید سنگین‌اند؛ چطور بسنجیم و کم کنیم.

  2. پاکسازی کانتینر: تگ‌های مرده و تکراری به‌زودی

    تگ ابزاری که دیگر ندارید، تگ دوبار، تریگر بی تگ؛ هر چند ماه یک بار.

  3. امنیت تگ منیجر: دسترسی‌ها، HTML سفارشی و ورود دومرحله‌ای به‌زودی

    هر کس انتشار دارد می‌تواند هر کدی در سایت بگذارد؛ دسترسی کم، تأیید دومرحله‌ای، فهرست مجاز.

  4. تگ منیجر و سئو به‌زودی

    تگ منیجر رتبه را مستقیم عوض نمی‌کند؛ ولی سرعت و محتوایی که با جاوااسکریپت می‌گذارید چرا.

تگ‌گذاری سمت سرور۶ درس، به‌زودی

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

  1. تگ‌گذاری سمت سرور (Server-side tagging) چیست به‌زودی

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

  2. سمت سرور کی می‌ارزد و کی نه به‌زودی

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

  3. کانتینر سرور، کلاینت و تگ سرور به‌زودی

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

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

    کانتینر سرور جایی برای اجرا لازم دارد (سرور خودتان یا سرویس ابری)؛ چه چیزهایی مهم است.

  5. فرستادن GA4 از راه سرور به‌زودی

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

  6. دامنه‌ی خودتان برای تگ‌ها (first-party) به‌زودی

    کد و داده از زیردامنه‌ی خود سایت می‌آید؛ کمتر مسدود می‌شود.

حرفه‌ای و پایان راه۴ درس، به‌زودی

برای کسی که چند کانتینر و چند همکار دارد، و برای جمع کردن همه‌ی راه.

  1. بازبینی کامل تگ منیجر یک سایت (چک‌لیست) به‌زودی

    نصب، تگ‌های تکراری و مرده، رضایت، سرعت، دسترسی‌ها، نام‌گذاری.

  2. تگ منیجر برای اپلیکیشن موبایل به‌زودی

    در برنامه، تگ منیجر کنار Firebase کار می‌کند؛ فرقش با وب.

  3. Tag Manager API به‌زودی

    ساختن و تغییر تگ‌ها با برنامه، برای کسی که ده‌ها کانتینر دارد.

  4. حالا تگ منیجر را می‌شناسید به‌زودی

    جمع‌بندی راه، روال ماهانه‌ی کانتینر سالم، و قدم بعد در مسیر آنالیتیکس.