يحتوي فريق Next.js على مكون إضافي رسمي يتم تطويره ، بينما يدعم المكون الإضافي أنه لا يزال في Canary فقط ، فإن الطريقة التي يعمل بها البرنامج المساعد أبسط من GA التالي وأوصيك بالتحقق من ذلك والقيام بذلك يدويًا في مشروعك حتى يكون مستقرًا.
رابط البرنامج المساعد: https://github.com/zeit/next.js/tree/canary/packages/next-plugin-google-analytics
Next.js مكون عالي الطلب لدمج Google Analytics في كل صفحة تغيير.
تثبيته
yarn add next-ga استيراده داخل pages/_app.js ؛
import Router from "next/router" ;
import withGA from "next-ga" ;لف حاوية التطبيق المخصصة معها
// pass your GA code as first argument
export default withGA ( "UA-xxxxxxxxx-1" , Router ) ( MyApp ) ;هذا كل شيء ، الآن عندما يقوم المستخدم بالوصول إلى صفحة ، فإنه سيقوم بتسجيل عرض صفحة إلى Google Analytics ، كل صفحة تتغير بعد ذلك ستؤدي أيضًا إلى عرض صفحة على Google Analytics.
ملاحظة : تكتشف هذه الوحدة ما إذا كانت تعمل في مضيف محلي ولا تفعل شيئًا لتجنب تلويث تحليلاتك بالبيانات المحلية.