كيفية إضافة Google Analytics إلى WordPress بدون مكون إضافي (وإبقائه سريعًا)

Most WordPress performance issues start the same way: adding “just one more plugin” for a basic task.

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

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

If you care about مؤشرات الويب الأساسية, Time to First Byte (TTFB), and keeping your admin dashboard clean, adding Google Analytics manually is the only way to go.

This guide will show you exactly how to add Google Analytics 4 (GA4) to your WordPress site without a plugin, ensuring it remains lightning fast.

---

لماذا تخطي البرنامج المساعد للتحليلات؟ تكلفة الأداء

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

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

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

---

الخطوة 1: احصل على رمز التتبع على "إحصاءات Google"‏ 4

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

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)

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

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

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

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

1. قم بتسجيل الدخول إلى لوحة تحكم WordPress الخاصة بك.
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)، نطلب من WordPress تحميل هذا قليلاً لاحقاً في تسلسل الرأس، قم بإعطاء الأولوية لـ CSS الأساسي والنصوص البرمجية المهمة أولاً.
• async: لاحظ async السمة في علامة البرنامج النصي لـ Google. يخبر هذا المتصفح بتنزيل البرنامج النصي في الخلفية دون حظر عرض صفحتك.

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

---

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

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

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

يجب أن ترى على الأقل 1 مستخدم نشط على موقعك. إذا فعلت ذلك، تهانينا، لقد نجحت في تنفيذ "إحصاءات Google"‏ 4 بدون أي تضخم في المكونات الإضافية.

---

ملخص: ووردبريس أصغر حجما

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

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