Next.js web sitenize Google Analytics eklemek, site trafiği ve kullanıcı etkileşimleri hakkında önemli bilgileri elde etmenize yardımcı olabilir. Aşağıdaki adımlar, bir Next.js web sitesine Google Analytics eklemek için temel bir yönergeler sunar:
Google Analytics hesabınızda bir özellik oluşturun ve özelliğiniz için bir takip kodu alın.
Next.js web sitenize Google Analytics modülünü ekleyin. Bunun için npm veya yarn gibi bir paket yöneticisi kullanabilirsiniz. Aşağıdaki komutları çalıştırarak react-ga paketini yükleyebilirsiniz:
npm install react-ga
veya
csharp
yarn add react-ga
react-ga modülünü uygulamanıza dahil edin. pages/_app.js dosyasını açın ve react-ga modülünü aşağıdaki gibi içe aktarın:
python
import ReactGA from ‘react-ga’
react-ga modülünü başlatın. pages/_app.js dosyasında ReactGA.initialize yöntemini kullanarak Google Analytics’i başlatın ve takip kodunu ekleyin:
python
ReactGA.initialize(‘your-tracking-code’)
Sayfaları izleyin. Next.js web sitenizde gezinirken sayfaların takip edilmesini istiyorsanız, sayfa değişikliklerini dinlemek ve sayfa görüntülemelerini raporlamak için ReactGA.pageview yöntemini kullanın:
javascript
const handleRouteChange = () => {
ReactGA.pageview(window.location.pathname)
}
Router.events.on(‘routeChangeComplete’, handleRouteChange)
Bu kod, sayfa değişiklikleri dinlendiğinde ReactGA.pageview yöntemini çağırır ve mevcut sayfanın URL’sini Google Analytics’e raporlar.
Bu adımları takip ederek, bir Next.js web sitesine Google Analytics entegre edebilir ve sitenizin trafik ve etkileşimleri hakkında önemli bilgileri elde edebilirsiniz.