'use client'
import { useEffect, useRef } from 'react'
import { usePathname } from 'next/navigation'
import Script from 'next/script'
declare global {
interface Window {
fbq?: (...args: unknown[]) => void
}
}
interface TrackingScriptsProps {
googleTag?: string | null
facebookPixel?: string | null
}
export function TrackingScripts({ googleTag, facebookPixel }: TrackingScriptsProps) {
const pathname = usePathname()
const isFirstRender = useRef(true)
const cleanGoogleTag = googleTag?.trim() || null
const cleanFacebookPixel = facebookPixel?.trim() || null
useEffect(() => {
if (isFirstRender.current) {
isFirstRender.current = false
return
}
if (cleanFacebookPixel && typeof window !== 'undefined' && typeof window.fbq === 'function') {
window.fbq('track', 'PageView')
}
}, [pathname, cleanFacebookPixel])
return (
<>
{cleanGoogleTag && (
<>
)}
{cleanFacebookPixel && (
<>
)}
)
}