كيفية إضافة Google Analytics إلى ووردبريس بدون إضافة (مع الحفاظ على السرعة)

معظم مشاكل أداء ووردبريس تبدأ بنفس الطريقة: إضافة "إضافة أخرى فقط" لمهمة أساسية.

عندما تقوم بتثبيت إضافة Google Analytics - حتى المشهورة مثل MonsterInsights أو Site Kit - فإنك لا تحصل فقط على تتبع. بل تقوم بحقن جداول قاعدة بيانات إضافية، وأدوات لوحة التحكم، ونوافذ منبثقة تسويقية، وأحيانًا العشرات من استعلامات قاعدة البيانات الإضافية في خلفية ووردبريس لديك.

كل ذلك من أجل سكربت بسيط بحجم 73 كيلوبايت يمكنك تثبيته بنفسك في 3 دقائق.

إذا كنت تهتم بـ Core Web Vitals، ووقت البايت الأول (TTFB)، والحفاظ على لوحة تحكم المشرف نظيفة، فإن إضافة Google Analytics يدويًا هي السبيل الوحيد.

سيوضح لك هذا الدليل بالضبط كيفية إضافة Google Analytics 4 (GA4) إلى موقع ووردبريس بدون إضافة، مع ضمان بقائه سريعًا للغاية.

---

لماذا تخطي إضافة التحليلات؟ تكلفة الأداء

قبل أن ننظر إلى الكود، دعنا ننظر إلى البيانات. لماذا نتحمل عناء التثبيت اليدوي؟

1. تضخم قاعدة البيانات: غالبًا ما تخزن إضافات التحليلات بيانات التكوين وتقارير التخزين المؤقت في wp_options الجدول. بمرور الوقت، يؤدي ذلك إلى إبطاء استعلامات قاعدة البيانات.
2. ثقل لوحة التحكم: تحميل الرسوم البيانية التفاعلية داخل لوحة تحكم ووردبريس يستهلك موارد الخادم. يجب أن تكون منطقة المشرف الخاصة بك لإنشاء المحتوى، وليس لتصور البيانات. لديك لوحة تحكم Google Analytics الفعلية لذلك.
3. عبء الواجهة الأمامية: تقوم بعض الإضافات بتحميل ملفات CSS أو JS الخاصة بها جنبًا إلى جنب مع كود تتبع Google فقط لجعل تكاملاتها المحددة تعمل.
4. سطح الثغرات: كل إضافة تضيفها تشكل خطرًا أمنيًا محتملًا.

باستخدام الطريقة اليدوية، تضيف بالضبط صفر عبئًا على خادمك.

---

الخطوة 1: الحصول على رمز تتبع GA4 الخاص بك

قبل البدء مع ووردبريس، تحتاج إلى علامة جوجل الفريدة الخاصة بك.

1. سجل الدخول إلى جوجل أناليتكس حسابك.
2. انقر فوق الإدارة أيقونة الترس في الزاوية اليسرى السفلية.
3. تحت إعدادات الخاصية، انقر على تيارات البيانات.
4. حدد تيار بيانات موقعك الإلكتروني.
5. قم بالتمرير لأسفل إلى علامة جوجل القسم وانقر على عرض تعليمات العلامة.
6. انتقل إلى التثبيت يدويًا فاتورة غير مدفوعة.

يجب أن ترى مقتطفًا برمجيًا يبدو مثل هذا:

<!-- 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>

انسخ هذه الكتلة البرمجية بالكامل.

---

الخطوة 2: الطريقة الصحيحة (باستخدام functions.php)

هناك طريقتان لإضافة هذا الرمز إلى موقعك. سنستخدم functions.php الطريقة.

لماذا؟ لأن تحرير header.php الملف مباشرةً غير متين. إذا قمت بتبديل القوالب أو تحديث قالبك دون استخدام قالب فرعي، فسيتم مسح رمز التتبع الخاص بك.

استخدام خطافات ووردبريس في functions.php الملف أنظف وأكثر أمانًا، وهو المعيار الصناعي للكود المخصص.

الشرط الأساسي الحاسم: يجب استخدام قالب فرعي. إذا أضفت هذا إلى قالب أصلي، فسيتم استبداله في التحديث التالي للقالب.

1. سجل الدخول إلى لوحة تحكم ووردبريس الخاصة بك.
2. انتقل إلى المظهر > محرر ملفات القالب.
3. على الجانب الأيمن تحت 'ملفات القالب'، حدد وظائف القالب (functions.php).
4. قم بالتمرير إلى أسفل الملف بالكامل.
5. الصق مقتطف PHP التالي، مع استبدال تعليق العنصر النائب برمز GA4 الفعلي الخاص بك:

/**
 * Add Google Analytics to WordPress header safely.
 */
add_action('wp_head', 'insert_custom_google_analytics', 20);

function insert_custom_google_analytics() ?>
    <!-- PASTE YOUR GOOGLE TAG CODE HERE -->
    <!-- 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', ...): This hooks into WordPress right before the  </head> tag closes, ensuring the script loads early enough to track bounces, but doesn’t break your page structure.
• 20: هذا هو رقم الأولوية. عن طريق تعيينه على 20 (الافتراضي هو 10)، نخبر ووردبريس بتحميل هذا بشكل لاحقًا في تسلسل الرأس، مع إعطاء أولوية لـ CSS الأساسية وبرامج القالب النقدية أولاً.
• async: لاحظ async في وسم برنامج جوجل النصي. هذا يخبر المتصفح بتنزيل البرنامج النصي في الخلفية دون حظر عرض صفحتك.

بمجرد اللصق، انقر تحديث الملف.

---

الخطوة 3: تحقق من أنه يعمل (بدون انتظار 24 ساعة)

لا تحتاج إلى الانتظار يوماً لترى إذا قمت بتثبيته بشكل صحيح.

1. افتح نافذة "تصفح متخفي" أو "تصفح خاص" جديدة.
2. انتقل إلى الصفحة الرئيسية لموقعك وانقر على بضع صفحات.
3. عد إلى لوحة تحكم Google Analytics الخاصة بك.
4. انتقل إلى التقارير > الوقت الفعلي.

يجب أن ترى على الأقل 1 مستخدم نشط على موقعك. إذا قمت بذلك، تهانينا - لقد قمت بتنفيذ GA4 بنجاح دون تضخم إضافات.

---

ملخص: ووردبريس أخف

إضافة Google Analytics بدون إضافة ليست مجرد توفير بضعة بايتات؛ إنها عقلية معمارية. من خلال إبقاء أدوات التسويق الخارجية خارج قاعدة بيانات ووردبريس ولوحة الإدارة، تحافظ على موقع ويب أنظف وأسرع وأكثر أماناً.

في كل مرة يمكنك استبدال إضافة ضخمة بوظيفة نظيفة من 10 أسطر، يصبح موقعك أسرع. وفي تحسين محركات البحث الحديث، السرعة هي كل شيء.