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

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

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

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

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

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

---

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

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

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

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

---

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

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

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

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

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

لماذا؟ لأن تعديل ملفك 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 بدون إضافات (Plugins) لا يتعلق فقط بتوفير بضعة بايتات؛ بل هو عقلية معمارية. من خلال إبقاء أدوات التسويق التابعة لجهات خارجية خارج قاعدة بيانات ووردبريس ولوحة التحكم الخاصة بك، فإنك تحافظ على موقع ويب أنظف وأسرع وأكثر أماناً.

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