العودة لأدوات 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 إضافة مقتطف 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" }],
}) استكشف أدوات AI
أدوات AI تكمل شغلك — للمصممين والمطورين
اقرأ مقالات عن AI
نصايح عملية في التصميم والذكاء الاصطناعي
أدوات مشابهة
البيانات والتحليلات
Sentry Error Tracking
مراقبة الأخطاء في الإنتاج وتحليل أسبابها مع ربطها بالأكواد المسببة تلقائيًا.
Claude Code Copilot Cursor
البيانات والتحليلات PostHog Product Analytics
تتبع سلوك المستخدمين وتحليل مسارات التحويل لاتخاذ قرارات مبنية على البيانات.
Claude Code Cursor Copilot
البيانات والتحليلات Database Query Builder
توليد استعلامات SQL محسّنة وتحويل الأسئلة النصية إلى استعلامات قاعدة بيانات.
Claude Code Copilot Cursor