تواصل معنا
Webflow Premium Partner إيهاب فايز
العودة لأدوات AI Coding
البيانات والتحليلات

Google Analytics 4 Integration

تتبع سلوك المستخدم والتحويلات مع تتبع Google Analytics 4 القائم على الأحداث وواجهات التقارير.

Claude Code Cursor Copilot Windsurf Gemini CLI

نظرة عامة

Google Analytics 4 (GA4) هي منصة تحليلات قائمة على الأحداث تتتبع تفاعلات المستخدمين عبر المواقع والتطبيقات. على عكس Universal Analytics السابق يستخدم GA4 نموذج بيانات مدفوع بالأحداث حيث كل تفاعل هو حدث بمعلمات. هذا يوفر مرونة أكبر لتتبع الإجراءات المخصصة والمسارات ورحلات المستخدم. يتضمن GA4 ميزات تعلم آلي للجماهير التنبؤية واكتشاف الشذوذ.

يتطلب تكامل GA4 إضافة مقتطف gtag.js أو استخدام حاوية Google Tag Manager. لتطبيقات SPA والتطبيقات المقدمة من الخادم تتيح واجهة Measurement Protocol API إرسال الأحداث من جانب الخادم مما يمكن التتبع الدقيق بدون JavaScript من جانب العميل. توفر GA4 Data API وصولاً برمجياً للتقارير مما يمكن لوحات المعلومات المخصصة والتقارير الآلية.

تشمل ميزات GA4 الرئيسية القياس المحسن والأبعاد والمقاييس المخصصة وتقسيم الجمهور وتحليل المسار واستكشاف المسار. يتكامل GA4 مع Google Ads لتتبع التحويلات وBigQuery لتصدير البيانات الخام وLooker Studio للتصورات المخصصة.

لمن هذه الأداة؟

  • تتبع مشاهدات الصفحات والأحداث المخصصة في تطبيق ويب
  • إعداد تتبع التحويلات لمشتريات التجارة الإلكترونية
  • بناء تقارير مخصصة مع GA4 Data API
  • تنفيذ تتبع من جانب الخادم مع Measurement Protocol

التثبيت

إعداد Claude Code
npm install @google-analytics/data

الإعدادات

// Client-side gtag
window.gtag("event", "purchase", {
  transaction_id: "T12345",
  value: 29.99,
  currency: "USD",
  items: [{ item_name: "Pro Plan", price: 29.99 }],
})

// Server-side: GA4 Data API
import { BetaAnalyticsDataClient } from "@google-analytics/data"

const analytics = new BetaAnalyticsDataClient()
const [response] = await analytics.runReport({
  property: "properties/123456789",
  dateRanges: [{ startDate: "30daysAgo", endDate: "today" }],
  metrics: [{ name: "activeUsers" }, { name: "sessions" }],
  dimensions: [{ name: "country" }],
})