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

معظم مشاكل أداء ووردبريس start the same way: adding “just one more plugin” for a basic task.

When you install a Google Analytics plugin—even the popular ones like MonsterInsights or Site Kit—you aren’t just getting tracking. You’re injecting extra database tables, dashboard widgets, marketing popups, and sometimes dozens of additional database queries into your WordPress backend.

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

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

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

---

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

Before we look at the code, let’s look at the data. Why go through the trouble of manual installation?

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

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

---

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

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

1. سجل الدخول إلى جوجل أناليتكس حسابك.
2. انقر فوق الإدارة أيقونة الترس في الزاوية اليسرى السفلية.
3. تحت إعدادات الخاصية، انقر على تيارات البيانات.
4. Select your website’s data stream.
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. انتقل إلى Appearance > Theme File Editor.
3. On the right-hand side under “Theme Files”, select وظائف القالب (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 }

Let’s Break Down Why This Snippet is Optimized:

• 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 في وسم برنامج جوجل النصي. هذا يخبر المتصفح بتنزيل البرنامج النصي في الخلفية دون حظر عرض صفحتك.

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

---

Step 3: Verify It’s Working (Without Waiting 24 Hours)

You don’t need to wait a day to see if you installed it correctly.

1. Open a new “Incognito” or “Private Browsing” window.
2. Go to your website’s homepage and click around a few pages.
3. عد إلى لوحة تحكم Google Analytics الخاصة بك.
4. انتقل إلى Reports > Realtime.

يجب أن ترى على الأقل 1 active user on your site. If you do, congratulations—you’ve successfully implemented GA4 with zero plugin bloat.

---

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

Adding Google Analytics without a plugin isn’t just about saving a few bytes; it’s an architectural mindset. By keeping third-party marketing tools out of your WordPress database and admin panel, you maintain a cleaner, faster, and more secure website.

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