آموزش تصویری اتصال وب سایت به تگ منیجر

در دنیای دیجیتال مارکتینگ، دانستن اینکه کاربران شما چگونه با اتصال وب سایت به تگ منیجر تعامل دارند یک مزیت رقابتی بزرگ است. برای جمعآوری و تحلیل این اطلاعات، ابزارهای مختلفی وجود دارد؛ اما یکی از کارآمدترین و درعینحال رایگانترین آنها، Google Tag Manager (GTM) است.
این ابزار به شما کمک میکند بدون نیاز به تغییر کدنویسی مداوم، انواع تگهای ردیابی مانند Google Analytics، Facebook Pixel یا سایر اسکریپتهای بازاریابی را تنها از یک پنل مرکزی مدیریت کنید.
اگر میخواهید راهاندازی Google Tag Manager را یاد بگیرید و با مراحل نصب و استفاده از آن در وردپرس آشنا شوید، این مقاله دقیقاً برای شماست. در ادامه، گامبهگام همه چیز را به زبان ساده توضیح دادهایم.
Google Tag Manager چیست؟
Google Tag Manager یا به اختصار GTM، یکی از ابزارهای کاربردی و رایگان گوگل است که به مدیران وبسایتها اجازه میدهد بدون نیاز به دانش برنامهنویسی، تگهای مختلف سایت خود را از طریق یک رابط کاربری ساده مدیریت کنند.
این سرویس به شما کمک میکند تا در کمترین زمان ممکن، تگهای موردنیازتان را ایجاد، ویرایش یا حذف کنید—آن هم بدون نیاز به اعمال مستقیم تغییرات در کدهای سایت و اتصال وب سایت به تگ منیجر. به زبان ساده، GTM مانند یک جعبه ابزار مرکزی برای مدیریت همه کدهای ردیابی (tracking codes) سایت شما عمل میکند.
با استفاده از GTM دیگر نیازی نیست برای هر بار تغییر یا افزودن یک کد، به توسعهدهنده مراجعه کنید. این ابزار نهتنها فرایند کار را سادهتر و سریعتر میکند، بلکه احتمال بروز خطا را نیز به حداقل میرساند.
تگ چیست؟
تگ (Tag) در دنیای وب، به قطعهای از کد HTML یا JavaScript گفته میشود که برای جمعآوری اطلاعات در مورد رفتار کاربران در یک اتصال وب سایت به تگ منیجر مورد استفاده قرار میگیرد. تگها میتوانند دادههایی مانند بازدید صفحات، کلیک روی دکمهها، پر شدن فرمها و سایر تعاملات کاربر با سایت را ردیابی کنند.
در واقع تگها ابزارهایی هستند که به کمک آنها میتوان اطلاعات دقیقی درباره عملکرد کاربران بهدست آورد. این اطلاعات سپس به سرویسهایی مانند Google Analytics، Facebook Pixel یا ابزارهای تبلیغاتی دیگر ارسال میشود تا تحلیل رفتار کاربران، هدفگذاری تبلیغاتی و بهینهسازی سایت بهصورت دقیقتری انجام شود.
نکته جالب اینجاست که بسیاری از این اتصال وب سایت به تگ منیجر و تگها در ابعاد بسیار کوچک و بهصورت نامرئی در صفحات وب قرار میگیرند؛ طوریکه کاربر حتی متوجه وجودشان نمیشود. برای مثال، یک تگ میتواند صرفاً یک تصویر ۱×۱ پیکسل باشد که هنگام بارگذاری صفحه اجرا شده و اطلاعات را به یک سرور ارسال میکند.
Google Tag Manager چه کاربردی دارد؟
Google Tag Manager یا همان GTM ابزاری رایگان و بسیار کاربردی از شرکت گوگل است که روند مدیریت تگها در سایت را برای مدیران اتصال وب سایت به تگ منیجربسیار سادهتر میکند. با کمک این سرویس، بدون نیاز به دستکاری مستقیم کدهای سایت، میتوانید انواع مختلفی از تگها را در مدتزمان کوتاهی اضافه کرده و یا آنها را تغییر دهید.
یکی از قابلیتهای مهم این ابزار، پشتیبانی همزمان از سرویسهای مختلف مانند Google Analytics، Facebook Pixel و دیگر پلتفرمهایی است که از تگ استفاده میکنند. بهاینترتیب شما میتوانید تمامی تگهای مورد نیازتان را تنها از طریق یک محیط مرکزی مدیریت کنید.
نکته مثبت دیگر در مورد GTM، نحوه اعمال تغییرات اتصال وب سایت به تگ منیجر و در تگها است. هرگونه تغییر یا ویرایشی که در یک تگ انجام میدهید، بهصورت خودکار در تمامی قسمتهایی از سایت که آن تگ فعال است، اعمال خواهد شد. این ویژگی باعث صرفهجویی در زمان و کاهش خطاهای احتمالی هنگام بروزرسانی کدها میشود.
با این حال، استفاده مؤثر از این ابزار نیازمند آشنایی با ویژگیهای تگهاست. برای مثال، اگر قصد استفاده از تگهای مربوط به شبکههای اجتماعی مانند فیسبوک را دارید، لازم است ابتدا بدانید این تگها چه اطلاعاتی را جمعآوری میکنند و چگونه میتوان از این دادهها برای بررسی رفتار کاربران استفاده کرد.
در نهایت، باید بدانید تگها میتوانند اطلاعات بسیار متنوعی را جمعآوری کنند؛ از جمله مشخصاتی مانند وضوح نمایشگر کاربر، آدرس IP، نوع دستگاه، مرورگر و حتی مسیر ورودی کاربر به سایت. این دادهها نقش مهمی در بهینهسازی عملکرد اتصال وب سایت به تگ منیجر و برنامهریزی دقیقتر کمپینهای بازاریابی دارند.
چرا باید از Google Tag Manager استفاده کنیم؟
اگر بهعنوان مدیر یک اتصال وب سایت به تگ منیجر فعالیت میکنید، باید بدانید که تحلیل رفتار کاربران یکی از کلیدیترین عناصر در بازاریابی موفق است. شناخت دقیق عملکرد کاربران به شما کمک میکند تا استراتژیهای بازاریابی مؤثرتری برای برندتان طراحی و اجرا کنید.
Google Tag Manager ابزاری است که نهتنها به شما امکان میدهد دادهها را بهدرستی بررسی کرده و مسیر فروش را هموار کنید، بلکه با استفاده از آن میتوانید بسیاری از مشکلات احتمالی در فرآیند بازاریابی یا عملکرد سایت را از پیش برطرف سازید. درواقع، این سیستم تجزیهوتحلیل ابزاری کاربردی برای بهینهسازی فعالیتهای دیجیتال شماست.
از نظر فنی نیز اتصال وب سایت به تگ منیجر پیکسلی این امکان را فراهم میکنند که تعامل کاربران با سایت را بهدقت دنبال کنید و بفهمید کدام بخش از صفحات، توجه بیشتری را به خود جلب کردهاند.
در مجموع، استفاده از Google Tag Manager مزایای زیادی برای رشد و بهبود کسبوکار اینترنتی شما دارد. با کمک این ابزار میتوانید کنترل جامعتری روی دادهها و نحوه عملکرد کاربران در سایت خود داشته باشید و در نهایت، مسیر موفقیتتان را سریعتر طی کنید.
آموزش کار با Google Tag Manager
برای نصب Google Tag Manager در وردپرس، لازم است چند مرحله ساده اما مهم را پشتسر بگذارید. در ادامه، این مراحل را بهصورت گامبهگام برای شما شرح میدهیم تا بتوانید بدون دردسر در این ابزار ثبتنام کرده و از آن استفاده کنید.
توجه داشته باشید که این آموزش مخصوص سایتهایی است که از نسخه وردپرس WordPress.org استفاده میکنند و برای نسخه WordPress.com کاربرد ندارد.
مرحله اول: ساخت حساب کاربری در Google Tag Manager
در اولین گام، باید یک حساب کاربری در Google Tag Manager ایجاد کنید. برای این کار، ابتدا وارد سایت رسمی این سرویس شوید. پس از ورود، با صفحهای مشابه تصویر زیر روبرو خواهید شد.
در این مرحله، نیاز به یک حساب Gmail دارید. روی گزینه Create Account کلیک کنید تا وارد مراحل ثبتنام شوید. توصیه میشود برای ثبتنام از ایمیل کاری یا سازمانی خود استفاده کنید، نه ایمیل شخصی.
پس از وارد کردن ایمیل، به فرمی هدایت میشوید که لازم است اطلاعاتی مانند نام شرکت، موقعیت جغرافیایی و سایر جزئیات را در آن وارد کنید. بعد از تکمیل فرم، روی دکمه Create کلیک کنید تا حساب شما ایجاد شود.
در ادامه، از شما خواسته میشود نوع پلتفرم مورد استفاده را مشخص کنید. اگر اتصال وب سایت به تگ منیجرشما با وردپرس راهاندازی شده، گزینه Web را انتخاب کنید.
در مرحله پایانی ثبتنام، صفحهای با عنوان Google Tag Manager Terms of Service Agreement نمایش داده میشود که مربوط به شرایط استفاده از سرویس است. تیک پذیرش شرایط را فعال کرده و روی YES در گوشه بالای صفحه کلیک کنید تا اطلاعات شما ذخیره شود.
مرحله دوم: دریافت کد رهگیری
پس از ایجاد حساب، وارد صفحهای میشوید که یک پنجره حاوی دو قطعه کد HTML به شما نمایش داده میشود.
با کلیک روی آیکون مشخصشده در تصویر، میتوانید این کدها را کپی کنید. این قطعه کدها همان کدهای رهگیری Google Tag Manager هستند که باید به اتصال وب سایت به تگ منیجرخود اضافه نمایید.
- کد اول را باید در بخش <head> صفحات سایت قرار دهید.
- کد دوم باید بلافاصله بعد از تگ <body> جایگذاری شود.
مرحله سوم: افزودن کد رهگیری به پنل مدیریت سایت
در این مرحله باید کدهایی را که در بخش قبلی دریافت کردید، به قالب سایت خود اضافه کنید. توجه داشته باشید که برای اتصال وب سایت به تگ منیجر اعمال این تغییرات، حتماً باید دسترسی مدیریتی (ادمین) به سایت داشته باشید؛ در غیر این صورت امکان ویرایش فایلها برای شما فراهم نخواهد بود.
ابتدا از پیشخوان وردپرس به مسیر نمایش ← ویرایشگر پوسته بروید. در صفحهای که باز میشود، در بخش کناری صفحه، لیستی از فایلهای قالب (Theme Files) را مشاهده خواهید کرد. در این بخش، روی فایل header.php یا همان سربرگ پوسته کلیک کنید.
حالا وقت آن است که کد رهگیری Google Tag Manager را به فایل header.php اضافه کنید. اولین قطعه کد که مربوط به بخش <head> است باید در این بخش از فایل قرار گیرد. لازم به ذکر است که برخی از قالبها ممکن است فایل سربرگ را با نام متفاوتی ذخیره کرده باشند یا امکان ویرایش مستقیم آن را ندهند. در این صورت باید از اتصال وب سایت به تگ منیجر و روشهای جایگزین استفاده کنید.
افزودن کد به بخش <head>
پس از باز کردن فایل header.php، کد زیر را دقیقاً در بین تگهای <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 –>
افزودن کد به بخش <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) –>
پس از اعمال تغییرات، حتماً روی دکمه “بهروزرسانی پروندهها” در پایین صفحه کلیک کنید تا تغییرات ذخیره شود.
- توجه مهم: ویرایش فایلهای قالب بهویژه header.php نیاز به دقت بالا دارد. کوچکترین خطا در قرار دادن کدها میتواند باعث ایجاد اختلال در عملکرد سایت شود. پیشنهاد میکنیم قبل از اعمال هرگونه تغییر، یک نسخه پشتیبان از فایل تهیه کنید تا در صورت بروز مشکل بتوانید بهراحتی نسخه قبلی را بازگردانی کنید.
افزودن تگ ردیابی در Google Tag Manager
در این بخش، نحوه افزودن اتصال وب سایت به تگ منیجر وتگ ردیابی در Google Tag Manager را مرحلهبهمرحله توضیح خواهیم داد. اگر طبق مراحل زیر پیش بروید، بدون مشکل میتوانید تگهای موردنظر خود را به این ابزار اضافه کنید.
ابتدا وارد داشبورد Google Tag Manager شوید و از منوی سمت چپ مسیر Workspace ← New Tag ← Add a New Tag را دنبال کنید.
ساخت تگ جدید
با انتخاب گزینه Add a New Tag، صفحهای جدید برایتان باز میشود که شامل دو بخش مجزا خواهد بود. کنار هر کدام از این بخشها یک آیکون مداد دیده میشود. با کلیک روی این آیکونها میتوانید تنظیمات مربوطه را ویرایش کنید.
در اولین بخش یعنی Tag Configuration باید نوع تگی را که میخواهید بسازید انتخاب نمایید. این گزینهها بسته به نوع تگ موردنیاز شما (مثلاً Google Analytics، Facebook Pixel و غیره) متفاوت خواهند بود.
تنظیم تریگر
در گام بعد، به سراغ بخش دوم یعنی Triggering بروید. در این قسمت مشخص میکنید که تگ شما تحت چه شرایطی فعال شود. برای مثال میتوانید تنظیم کنید که تگ فقط هنگام بازدید از صفحه اصلی یا هنگام کلیک روی یک دکمه خاص اجرا شود.
پس از تکمیل تنظیمات هر دو بخش، روی گزینه Save در گوشه بالا سمت راست کلیک کنید تا تگ ذخیره شود.
در مرحله نهایی، نام دلخواهی برای تگ خود انتخاب کرده و سپس روی گزینه Submit یا انتشار (Publish) کلیک کنید تا تغییرات شما بر روی سایت اعمال شود.
به همین سادگی، تگ موردنظر شما اکنون روی سایت فعال شده است.
جمعبندی نهایی
همانطور که در این آموزش دیدید، Google Tag Manager ابزاری قدرتمند و کاربردی برای مدیریت اتصال وب سایت به تگ منیجر است. این سرویس به مدیران کمک میکند تا رفتار کاربران را بهدقت بررسی کرده و براساس آن تصمیمات بازاریابی مؤثرتری اتخاذ کنند.
استفاده از این ابزار نهتنها ساده و رایگان است، بلکه در بلندمدت میتواند تأثیر مثبتی در بهینهسازی تجربه کاربری و افزایش نرخ تبدیل داشته باشد. اگر تاکنون از این سرویس استفاده نکردهاید، حالا بهترین زمان برای شروع است.
امیدواریم این راهنما توانسته باشد مسیر استفاده از Google Tag Manager را برایتان روشنتر کند. موفق باشید!
سؤالات متداول درباره Google Tag Manager
1. Google Tag Manager دقیقاً چیست؟
GTM یک ابزار رایگان از گوگل است که به شما اجازه میدهد بدون نیاز به کدنویسی دستی، تگهای ردیابی مختلف را به سایت خود اضافه و مدیریت کنید.
2. آیا Google Tag Manager جایگزین Google Analytics است؟
خیر، GTM یک ابزار مکمل برای Google Analytics است. با استفاده از GTM میتوانید اطلاعات بیشتری را از کاربران دریافت کرده و آن را به Google Analytics یا دیگر ابزارهای تحلیلی ارسال کنید.
3. برای استفاده از GTM باید برنامهنویسی بلد باشم؟
خیر، استفاده از GTM برای کاربران عادی هم امکانپذیر است. البته اگر دانش اولیهای از HTML و ساختار سایت داشته باشید، کارتان راحتتر خواهد بود.
4. آیا میتوان GTM را روی وردپرس نصب کرد؟
بله، Google Tag Manager بهراحتی روی سایتهای وردپرسی نصب میشود. در این مقاله مراحل نصب آن بهصورت کامل و تصویری آموزش داده شده است.
5. امنیت وبسایت با استفاده از GTM به خطر نمیافتد؟
تا زمانی که کدهای معتبر و منابع مطمئن را در GTM قرار دهید، استفاده از آن خطری برای امنیت سایت ندارد. بهتر است دسترسی به حساب GTM را محدود و تنها در اختیار افراد مسئول قرار دهید.
6. چه تفاوتی میان GTM و افزودن مستقیم تگ در کد سایت وجود دارد؟
با GTM، میتوانید بدون دستکاری مستقیم اتصال وب سایت به تگ منیجر را از طریق یک رابط کاربری مدیریت کرده و بهروزرسانی کنید. این روش سریعتر، امنتر و انعطافپذیرتر است.


