راهنمای جامع نصب گوگل تگ منیجر Google Tag Manager

Google-Tag-Manager

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

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

نحوه عملکرد گوگل تگ منیجر – Google Tag Manager

گوگل تگ منیجر از سه بخش اصلی تگ‌ها (Tags)، تریگرها (Triggers) و متعیرها (Variables) تشکیل شده است. تگ‌ها در واقع همان کدهای ردیابی که قبلا مستقیم در سایت قرار می‌دادیم است. به عنوان مثال کد گوگل انلیتیکس. تریگر وظیفه بهره‌مندی از تگ‌ها را بر عهده دارد. در واقع دستور می‌دهد که فلان تگ چه کاری باید انجام دهد.

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

  • با قراردادن یک کد در سایت از لود شدن بسیاری از کدهای اضافی جلوگیری می‌کنید و باعث می‌شود سرعت لود سایت شما بالا رود.
  • سازگاری با تمام کدهای غیر از گوگل (سرویس‌هایی نظیر: AdRoll, Crazy Egg, Hotjar)
  • تجمیع کدهای خارجی در یکجا

نحوه نصب گوگل تگ منیجر (GTM) در سایت

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

sign up google tag manager

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

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

در این صفحه ابتدا یک نام برای اکانت خود انتخاب می‌کنید و سپس بر روی continue کلیک نمائید.

وارد کردن آدرس سایت در GTM

بعد از وارد کردن آدرس سایت خود، گزینه Web را انتخاب و سپس Create را کلیک نمائید. حال از شما تاییدیه شرایط و قوانین سرویس GTM را می‌خواهد که مطابق تصویر زیر، بر روی Yes کلیک نمایید.

تاییدیه قوانین برای تگ منیجر

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

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

همانطور که در تصویر بالا ملاحظه می‌کنید، شما باید هر دو کد بالا را در قسمت head و body سایت خود کپی کنید. GTM پیشنهاد کرده که هر دو کد را کپی نمایید. در سایت‌های وردپرسی کافی است به مسیر نمایش > ویرایشگر رفته و بر روی فایل header.php کلیک کرده تا ویرایشگر این بخش فعال شود. سپس مطابق تصاویر زیر، بعد از head و body کدهای GTM را قرار دهید.

کپی کردن کد GTM بعد از تگ head در وردپرس

کپی کردن کد GTM بعد از تگ body در وردپرس

همچنین اگر سایت شما وردپرسی نبود، می‌توانید کد GTM را بخش head و body در فایل index.html مطابق تصویر زیر قرار دهید.

کپی کردن کد GTM در فایل index.html

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

Tag Manager Assistant

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

ٍError 404 GTM

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

submite gtm code

ثبت اولین ورژن در تگ منیجر

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

installed GTM

نتیجه‌گیری

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

دیدن این نوشته‌ها نیز به شما پیشنهاد می‌شود:

5/5 ( 2 نظر )
21 دیدگاه در رابطه با “راهنمای جامع نصب گوگل تگ منیجر Google Tag Manager
  1. ars
    فروردین ۱۶, ۱۳۹۷ - ۵:۰۹ ب.ظ

    سلام عالی بود
    ممنون که اپدیت هستید و به اشتراگ گذاری علاقه مند هستید

    1. خرداد ۱۶, ۱۳۹۷ - ۳:۳۲ ق.ظ

      عالی بود ، ممنون از مطالب خوبتون
      لطفا در ادامه چگونگی کار با گوگل تگ منیجر و اظافه کردن تگ و کانتاینر مطالب در همین خصوص را منتشر کنید/

      1. قالیشویی
        مرداد ۲۰, ۱۳۹۷ - ۳:۰۲ ب.ظ

        ممنون از اطلاعات خوبتون کارتون درسته

        1. آسمان
          شهریور ۱۸, ۱۳۹۷ - ۳:۵۸ ب.ظ

          سلام اونجا نوشته<high in the <head منظورش بالای تگ هد نیست؟؟؟

            1. naser
              شهریور ۱۸, ۱۳۹۷ - ۴:۱۹ ب.ظ

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

              ولی برای کد دوم، حتما بعد از اینکه تگ body باز میشه بزارید.

            1. حمید شریعتی
              آذر ۱۹, ۱۳۹۷ - ۱۱:۳۹ ق.ظ

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

              1. عزیز
                اسفند ۲۷, ۱۳۹۷ - ۴:۳۳ ب.ظ

                خیلی ممنون آقای یزدی. من با این آموزش پیش رفتم و بسیار عالی بوووود

                1. نیما
                  خرداد ۵, ۱۳۹۸ - ۱۱:۳۴ ق.ظ

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

                    1. ناصر یزدی
                      خرداد ۵, ۱۳۹۸ - ۴:۱۹ ب.ظ

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

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

                  1. ریحانه ترابی
                    مرداد ۲۰, ۱۳۹۸ - ۲:۱۲ ب.ظ

                    سلام
                    خیلی مفید و کامل بود فقط یه سوال،
                    زمان ساخت اکانت در فیلد country کشور ایران نیست چیو باید انتخاب کنیم؟

                    1. زهرا رئیسی
                      مهر ۷, ۱۳۹۸ - ۱:۱۸ ق.ظ

                      سلام برای استفاده از گوگل تگ منیجر باید حتما هاست غیر ایرانی باشد ؟چون من با هاست ایرانی خطای ۴۰۴ می گیرم

                      1. ساعد کریمی
                        آبان ۶, ۱۳۹۸ - ۱۱:۳۴ ب.ظ

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

                        1. دانلود پروژه معماری
                          آذر ۴, ۱۳۹۸ - ۵:۱۰ ب.ظ

                          عالی. خیلی ممنون از شما. به قدری واضح و روان مینویسید که کاربر ناآشنایی مثل من به استفاده از این سرویس ها ترغیب میشه.
                          آرزوی موفقیتهای هر چه بیشتر دارم براتون

درباره این مطلب دیدگاهی بنویسید...

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز با * علامت‌گذاری شده‌اند.