اتصال (ga4_tracking) GA4 در وردپرس با یک تکه کد ساده

سعید معتمدراد ۲۸ بهمن ۱۴۰۴ 8 بازدید

معرفی و آموزش استفاده از تابع ga4_tracking در اتصال Google Analytics 4

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

Function ga4_tracking چیست؟

یک فانکشن سفارشی در فایل functions.php قالب وردپرس است که کد رهگیری Google Analytics 4 را در بخش <head> سایت قرار می‌دهد.به جای اینکه کد GA4 را مستقیم داخل header.php بگذارید، با استفاده از هوک‌های وردپرس آن را به شکل اصولی و استاندارد اضافه می‌کنیم.

مزیت این روش:

  • ساختار تمیز و حرفه‌ای
  • جلوگیری از تداخل با قالب
  • امکان مدیریت بهتر در بروزرسانی‌ها
  • مناسب برای توسعه‌دهندگان و سئوکارها

ساخت Function ga4_tracking در وردپرس

برای ایجاد این تابع، وارد فایل functions.php قالب (ترجیحاً Child Theme) شوید و کد زیر را اضافه کنید:


Php
Copy code
function ga4_tracking() {
?>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>
<?php
}add_action('wp_head', 'ga4_tracking');


 

در اینجا: به جای G-XXXXXXXXXX باید Measurement ID خود را از GA4 وارد کنید.با استفاده از add_action(‘wp_head’, ‘ga4_tracking’); کد به صورت خودکار داخل <head> قرار می‌گیرد.این روش کاملاً استاندارد و مطابق با ساختار وردپرس است.

Measurement ID را از کجا بگیریم؟

برای دریافت Measurement ID وارد حساب خود در Google Analytics شوید و مراحل زیر را انجام دهید:

  • ورود به Admin
  • انتخاب Property مربوط به GA4
  • رفتن به Data Streams
  • انتخاب Web Stream
  • کپی کردن Measurement ID

این شناسه همان کدی است که داخل Function ga4_tracking قرار می‌دهید.

چرا از این فانکشن استفاده کنیم؟

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

۱-  افزایش سرعت سایت

افزونه‌های اضافی ممکن است اسکریپت‌های غیرضروری بارگذاری کنند. استفاده از Function ga4_tracking فقط کد مورد نیاز را اضافه می‌کند.

۲- کاهش تداخل افزونه‌ها

در سایت‌هایی که افزونه‌های زیادی فعال هستند (مثلاً سایت‌های فروشگاهی با ووکامرس)، کاهش پلاگین‌ها اهمیت زیادی دارد.

۳-  کنترل بیشتر برای توسعه‌دهندگان

می‌توانید شرط بگذارید که فقط در صفحات خاصی کد اجرا شود:

Php
Copy code
if (!is_admin()) {
add_action('wp_head', 'ga4_tracking');
}
یا حتی فقط در صفحات خاص:
Php
Copy code
if (is_page('contact')) {
add_action('wp_head', 'ga4_tracking');
}

نکات مهم در استفاده از این تابع

  1.  فقط یک بار این تابع را تعریف کنید
  2. اگر قبلاً افزونه آنالیتیکس نصب کرده‌اید، آن را غیرفعال کنید
  3.  از Child Theme استفاده کنید تا در بروزرسانی قالب حذف نشود
  4.  بعد از اضافه کردن کد، کش سایت را پاک کنید

تست صحیح بودن این فانکشن

بعد از پیاده‌سازی، برای اطمینان از عملکرد صحیح:

  1. وارد بخش Realtime در GA4 شوید
  2. سایت خود را در تب جدید باز کنید
  3. بررسی کنید بازدید شما ثبت می‌شود
  4. همچنین می‌توانید سورس صفحه را باز کرده و عبارت gtag را جستجو کنید. نسخه پیشرفته Function ga4_tracking (بهینه‌تر)

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

Php
Copy code
function ga4_tracking() {
if (is_admin()) return;
?>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX', {
'anonymize_ip': true
});
</script>
<?php
}
add_action('wp_head', 'ga4_tracking', 20);

در این نسخه:

  • اجرای کد در پنل مدیریت غیرفعال شده
  • IP کاربران ناشناس می‌شود
  • اولویت اجرا مشخص شده است

جمع‌بندی

تابع ga4_tracking یک روش حرفه‌ای و استاندارد برای اضافه کردن کد رهگیری Google Analytics 4 در وردپرس است. با استفاده از این تابع:

  • نیازی به افزونه اضافی ندارید
  • سرعت سایت حفظ می‌شود
  • کنترل کامل روی اسکریپت دارید
  • ساختار سایت حرفه‌ای‌تر می‌شود

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

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