إطار عمل
ConsentX لـ React & Next.js
حمّل ConsentX في أي تطبيق React أو Next.js من رأس المستند.
باختصار
لإضافة لافتة موافقة على ملفات تعريف الارتباط إلى React & Next.js، الصق شيفرة ConsentX في رأس موقعك مرة واحدة. في Next.js أضف الشيفرة في app/layout.tsx داخل <head> (أو استخدم next/script مع الاستراتيجية beforeInteractive). وفي تطبيق React عادي أضفها إلى public/index.html قبل </head>. بعد ذلك تُحمَّل اللافتة في كل صفحة، وتحظر أدوات التتبع غير الضرورية قبل الموافقة، وتطبّق قواعد DPDPA وGDPR وCCPA من لوحة التحكم.
التثبيت على React & Next.js
1
انسخ شيفرتك
في ConsentX، افتح Install وانسخ شيفرة التضمين الخاصة بحسابك. إنها وسم <script> صغير واحد مخصص لنطاقك.
2
الصقها في الرأس
في Next.js: أضف الشيفرة إلى <head> في app/layout.tsx، أو استخدم next/script مع strategy='beforeInteractive'. وفي React العادي: أضفها إلى public/index.html قبل </head>.
3
انشر
احفظ موقعك وانشره. تظهر لافتة الموافقة عند التحميل التالي.
4
اضبط الإعدادات في لوحة التحكم
حدّد تصميم اللافتة وفئات ملفات تعريف الارتباط والقواعد لكل منطقة في ConsentX. تنتقل التغييرات إلى موقعك المباشر دون إعادة نشر.
تثبيت بوسم واحد
أضف الشيفرة مرة واحدة في رأس موقعك، وتُحمَّل اللافتة تلقائيًا في كل صفحة.
Consent Mode v2 + الحظر المسبق
تُرفض إشارات Google افتراضيًا وتبقى أدوات التتبع غير الضرورية معطّلة حتى يختار الزائر.
قواعد تراعي الموقع الجغرافي
لافتة واحدة تتكيّف مع GDPR وCCPA وLGPD وDPDPA من لوحة تحكمك، دون إعادة نشر.