[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"docs-id-\u002Fdocs\u002Fspa":3},{"id":4,"title":5,"body":6,"category":1444,"code_examples":1445,"demos":1445,"description":1446,"extension":1447,"meta":1448,"navigation":1445,"order":1445,"path":1449,"seo":1450,"sitemap":1451,"stem":1453,"tags":1445,"toc":329,"videos":1454,"__hash__":1455},"docs\u002Fdocs\u002Fspa.md","Tracking Single Page Application",{"type":7,"value":8,"toc":1433},"minimark",[9,13,17,22,25,50,56,70,75,86,90,93,206,210,213,340,344,597,601,780,784,1057,1061,1379,1383,1404,1408,1429],[10,11,5],"h1",{"id":12},"tracking-single-page-application",[14,15,16],"p",{},"Single Page Application (SPA) membutuhkan tracking khusus karena navigasi terjadi lewat router JavaScript, bukan reload halaman penuh. Tanpa konfigurasi ini, analytics hanya menangkap halaman pertama dan kehilangan perjalanan user berikutnya.",[18,19,21],"h2",{"id":20},"tantangan-tracking-spa","Tantangan Tracking SPA",[14,23,24],{},"Pada website tradisional, setiap perpindahan halaman memicu pageview baru. Pada SPA:",[26,27,28,32,44,47],"ul",{},[29,30,31],"li",{},"Konten halaman berubah tanpa reload.",[29,33,34,35,39,40,43],{},"URL berubah lewat ",[36,37,38],"code",{},"pushState"," atau ",[36,41,42],{},"replaceState",".",[29,45,46],{},"Navigasi terjadi instan lewat JavaScript.",[29,48,49],{},"Tracking pageview tradisional melewatkan perubahan route.",[14,51,52],{},[53,54,55],"strong",{},"Tanpa tracking SPA:",[26,57,58,61,64,67],{},[29,59,60],{},"Hanya initial load yang tercatat.",[29,62,63],{},"Route change tidak terlihat.",[29,65,66],{},"Journey user tidak lengkap.",[29,68,69],{},"Atribusi konversi bisa putus.",[14,71,72],{},[53,73,74],{},"Dengan tracking SPA yang benar:",[26,76,77,80,83],{},[29,78,79],{},"Semua route change tercatat sebagai pageview.",[29,81,82],{},"Journey user lengkap.",[29,84,85],{},"Atribusi konversi tetap terjaga.",[18,87,89],{"id":88},"setup-dasar-konektor","Setup Dasar Konektor",[14,91,92],{},"Aktifkan mode SPA saat inisialisasi script:",[94,95,100],"pre",{"className":96,"code":97,"language":98,"meta":99,"style":99},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","konektor('init', 'WS-YOUR-WORKSPACE-ID', {\n  spa: {\n    enabled: true,\n    autoTrack: true,\n    trackHash: false\n  }\n})\n","js","",[36,101,102,141,153,168,180,191,197],{"__ignoreMap":99},[103,104,107,111,115,119,123,125,128,131,134,136,138],"span",{"class":105,"line":106},"line",1,[103,108,110],{"class":109},"s2Zo4","konektor",[103,112,114],{"class":113},"sTEyZ","(",[103,116,118],{"class":117},"sMK4o","'",[103,120,122],{"class":121},"sfazB","init",[103,124,118],{"class":117},[103,126,127],{"class":117},",",[103,129,130],{"class":117}," '",[103,132,133],{"class":121},"WS-YOUR-WORKSPACE-ID",[103,135,118],{"class":117},[103,137,127],{"class":117},[103,139,140],{"class":117}," {\n",[103,142,144,148,151],{"class":105,"line":143},2,[103,145,147],{"class":146},"swJcz","  spa",[103,149,150],{"class":117},":",[103,152,140],{"class":117},[103,154,156,159,161,165],{"class":105,"line":155},3,[103,157,158],{"class":146},"    enabled",[103,160,150],{"class":117},[103,162,164],{"class":163},"sfNiH"," true",[103,166,167],{"class":117},",\n",[103,169,171,174,176,178],{"class":105,"line":170},4,[103,172,173],{"class":146},"    autoTrack",[103,175,150],{"class":117},[103,177,164],{"class":163},[103,179,167],{"class":117},[103,181,183,186,188],{"class":105,"line":182},5,[103,184,185],{"class":146},"    trackHash",[103,187,150],{"class":117},[103,189,190],{"class":163}," false\n",[103,192,194],{"class":105,"line":193},6,[103,195,196],{"class":117},"  }\n",[103,198,200,203],{"class":105,"line":199},7,[103,201,202],{"class":117},"}",[103,204,205],{"class":113},")\n",[18,207,209],{"id":208},"tracking-manual-route-change","Tracking Manual Route Change",[14,211,212],{},"Jika framework Anda membutuhkan kontrol manual, panggil tracking saat route berubah:",[94,214,216],{"className":96,"code":215,"language":98,"meta":99,"style":99},"function trackPageView() {\n  konektor('track', 'pageview', {\n    page: window.location.pathname,\n    title: document.title,\n    referrer: document.referrer\n  })\n}\n\ntrackPageView()\n",[36,217,218,232,259,281,298,312,319,324,331],{"__ignoreMap":99},[103,219,220,224,227,230],{"class":105,"line":106},[103,221,223],{"class":222},"spNyl","function",[103,225,226],{"class":109}," trackPageView",[103,228,229],{"class":117},"()",[103,231,140],{"class":117},[103,233,234,237,239,241,244,246,248,250,253,255,257],{"class":105,"line":143},[103,235,236],{"class":109},"  konektor",[103,238,114],{"class":146},[103,240,118],{"class":117},[103,242,243],{"class":121},"track",[103,245,118],{"class":117},[103,247,127],{"class":117},[103,249,130],{"class":117},[103,251,252],{"class":121},"pageview",[103,254,118],{"class":117},[103,256,127],{"class":117},[103,258,140],{"class":117},[103,260,261,264,266,269,271,274,276,279],{"class":105,"line":155},[103,262,263],{"class":146},"    page",[103,265,150],{"class":117},[103,267,268],{"class":113}," window",[103,270,43],{"class":117},[103,272,273],{"class":113},"location",[103,275,43],{"class":117},[103,277,278],{"class":113},"pathname",[103,280,167],{"class":117},[103,282,283,286,288,291,293,296],{"class":105,"line":170},[103,284,285],{"class":146},"    title",[103,287,150],{"class":117},[103,289,290],{"class":113}," document",[103,292,43],{"class":117},[103,294,295],{"class":113},"title",[103,297,167],{"class":117},[103,299,300,303,305,307,309],{"class":105,"line":182},[103,301,302],{"class":146},"    referrer",[103,304,150],{"class":117},[103,306,290],{"class":113},[103,308,43],{"class":117},[103,310,311],{"class":113},"referrer\n",[103,313,314,317],{"class":105,"line":193},[103,315,316],{"class":117},"  }",[103,318,205],{"class":146},[103,320,321],{"class":105,"line":199},[103,322,323],{"class":117},"}\n",[103,325,327],{"class":105,"line":326},8,[103,328,330],{"emptyLinePlaceholder":329},true,"\n",[103,332,334,337],{"class":105,"line":333},9,[103,335,336],{"class":109},"trackPageView",[103,338,339],{"class":113},"()\n",[18,341,343],{"id":342},"react-router","React Router",[94,345,349],{"className":346,"code":347,"language":348,"meta":99,"style":99},"language-jsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nfunction App() {\n  const location = useLocation()\n\n  useEffect(() => {\n    if (window.konektor) {\n      window.konektor('track', 'pageview', {\n        page: location.pathname,\n        search: location.search,\n        title: document.title\n      })\n    }\n  }, [location])\n\n  return \u003CYourApp \u002F>\n}\n","jsx",[36,350,351,377,397,401,412,427,431,445,466,495,511,528,543,551,557,571,576,592],{"__ignoreMap":99},[103,352,353,357,360,363,366,369,371,374],{"class":105,"line":106},[103,354,356],{"class":355},"s7zQu","import",[103,358,359],{"class":117}," {",[103,361,362],{"class":113}," useEffect",[103,364,365],{"class":117}," }",[103,367,368],{"class":355}," from",[103,370,130],{"class":117},[103,372,373],{"class":121},"react",[103,375,376],{"class":117},"'\n",[103,378,379,381,383,386,388,390,392,395],{"class":105,"line":143},[103,380,356],{"class":355},[103,382,359],{"class":117},[103,384,385],{"class":113}," useLocation",[103,387,365],{"class":117},[103,389,368],{"class":355},[103,391,130],{"class":117},[103,393,394],{"class":121},"react-router-dom",[103,396,376],{"class":117},[103,398,399],{"class":105,"line":155},[103,400,330],{"emptyLinePlaceholder":329},[103,402,403,405,408,410],{"class":105,"line":170},[103,404,223],{"class":222},[103,406,407],{"class":109}," App",[103,409,229],{"class":117},[103,411,140],{"class":117},[103,413,414,417,420,423,425],{"class":105,"line":182},[103,415,416],{"class":222},"  const",[103,418,419],{"class":113}," location",[103,421,422],{"class":117}," =",[103,424,385],{"class":109},[103,426,339],{"class":146},[103,428,429],{"class":105,"line":193},[103,430,330],{"emptyLinePlaceholder":329},[103,432,433,436,438,440,443],{"class":105,"line":199},[103,434,435],{"class":109},"  useEffect",[103,437,114],{"class":146},[103,439,229],{"class":117},[103,441,442],{"class":222}," =>",[103,444,140],{"class":117},[103,446,447,450,453,456,458,460,463],{"class":105,"line":326},[103,448,449],{"class":355},"    if",[103,451,452],{"class":146}," (",[103,454,455],{"class":113},"window",[103,457,43],{"class":117},[103,459,110],{"class":113},[103,461,462],{"class":146},") ",[103,464,465],{"class":117},"{\n",[103,467,468,471,473,475,477,479,481,483,485,487,489,491,493],{"class":105,"line":333},[103,469,470],{"class":113},"      window",[103,472,43],{"class":117},[103,474,110],{"class":109},[103,476,114],{"class":146},[103,478,118],{"class":117},[103,480,243],{"class":121},[103,482,118],{"class":117},[103,484,127],{"class":117},[103,486,130],{"class":117},[103,488,252],{"class":121},[103,490,118],{"class":117},[103,492,127],{"class":117},[103,494,140],{"class":117},[103,496,498,501,503,505,507,509],{"class":105,"line":497},10,[103,499,500],{"class":146},"        page",[103,502,150],{"class":117},[103,504,419],{"class":113},[103,506,43],{"class":117},[103,508,278],{"class":113},[103,510,167],{"class":117},[103,512,514,517,519,521,523,526],{"class":105,"line":513},11,[103,515,516],{"class":146},"        search",[103,518,150],{"class":117},[103,520,419],{"class":113},[103,522,43],{"class":117},[103,524,525],{"class":113},"search",[103,527,167],{"class":117},[103,529,531,534,536,538,540],{"class":105,"line":530},12,[103,532,533],{"class":146},"        title",[103,535,150],{"class":117},[103,537,290],{"class":113},[103,539,43],{"class":117},[103,541,542],{"class":113},"title\n",[103,544,546,549],{"class":105,"line":545},13,[103,547,548],{"class":117},"      }",[103,550,205],{"class":146},[103,552,554],{"class":105,"line":553},14,[103,555,556],{"class":117},"    }\n",[103,558,560,563,566,568],{"class":105,"line":559},15,[103,561,562],{"class":117},"  },",[103,564,565],{"class":146}," [",[103,567,273],{"class":113},[103,569,570],{"class":146},"])\n",[103,572,574],{"class":105,"line":573},16,[103,575,330],{"emptyLinePlaceholder":329},[103,577,579,582,585,589],{"class":105,"line":578},17,[103,580,581],{"class":355},"  return",[103,583,584],{"class":117}," \u003C",[103,586,588],{"class":587},"sBMFI","YourApp",[103,590,591],{"class":117}," \u002F>\n",[103,593,595],{"class":105,"line":594},18,[103,596,323],{"class":117},[18,598,600],{"id":599},"vue-router","Vue Router",[94,602,604],{"className":96,"code":603,"language":98,"meta":99,"style":99},"import router from '.\u002Frouter'\n\nrouter.afterEach((to, from) => {\n  if (window.konektor) {\n    window.konektor('track', 'pageview', {\n      page: to.path,\n      title: to.meta?.title || document.title,\n      referrer: from.path\n    })\n  }\n})\n",[36,605,606,623,627,656,673,702,719,749,763,770,774],{"__ignoreMap":99},[103,607,608,610,613,616,618,621],{"class":105,"line":106},[103,609,356],{"class":355},[103,611,612],{"class":113}," router ",[103,614,615],{"class":355},"from",[103,617,130],{"class":117},[103,619,620],{"class":121},".\u002Frouter",[103,622,376],{"class":117},[103,624,625],{"class":105,"line":143},[103,626,330],{"emptyLinePlaceholder":329},[103,628,629,632,634,637,639,641,645,647,649,652,654],{"class":105,"line":155},[103,630,631],{"class":113},"router",[103,633,43],{"class":117},[103,635,636],{"class":109},"afterEach",[103,638,114],{"class":113},[103,640,114],{"class":117},[103,642,644],{"class":643},"sHdIc","to",[103,646,127],{"class":117},[103,648,368],{"class":643},[103,650,651],{"class":117},")",[103,653,442],{"class":222},[103,655,140],{"class":117},[103,657,658,661,663,665,667,669,671],{"class":105,"line":170},[103,659,660],{"class":355},"  if",[103,662,452],{"class":146},[103,664,455],{"class":113},[103,666,43],{"class":117},[103,668,110],{"class":113},[103,670,462],{"class":146},[103,672,465],{"class":117},[103,674,675,678,680,682,684,686,688,690,692,694,696,698,700],{"class":105,"line":182},[103,676,677],{"class":113},"    window",[103,679,43],{"class":117},[103,681,110],{"class":109},[103,683,114],{"class":146},[103,685,118],{"class":117},[103,687,243],{"class":121},[103,689,118],{"class":117},[103,691,127],{"class":117},[103,693,130],{"class":117},[103,695,252],{"class":121},[103,697,118],{"class":117},[103,699,127],{"class":117},[103,701,140],{"class":117},[103,703,704,707,709,712,714,717],{"class":105,"line":193},[103,705,706],{"class":146},"      page",[103,708,150],{"class":117},[103,710,711],{"class":113}," to",[103,713,43],{"class":117},[103,715,716],{"class":113},"path",[103,718,167],{"class":117},[103,720,721,724,726,728,730,733,736,738,741,743,745,747],{"class":105,"line":199},[103,722,723],{"class":146},"      title",[103,725,150],{"class":117},[103,727,711],{"class":113},[103,729,43],{"class":117},[103,731,732],{"class":113},"meta",[103,734,735],{"class":117},"?.",[103,737,295],{"class":113},[103,739,740],{"class":117}," ||",[103,742,290],{"class":113},[103,744,43],{"class":117},[103,746,295],{"class":113},[103,748,167],{"class":117},[103,750,751,754,756,758,760],{"class":105,"line":326},[103,752,753],{"class":146},"      referrer",[103,755,150],{"class":117},[103,757,368],{"class":113},[103,759,43],{"class":117},[103,761,762],{"class":113},"path\n",[103,764,765,768],{"class":105,"line":333},[103,766,767],{"class":117},"    }",[103,769,205],{"class":146},[103,771,772],{"class":105,"line":497},[103,773,196],{"class":117},[103,775,776,778],{"class":105,"line":513},[103,777,202],{"class":117},[103,779,205],{"class":113},[18,781,783],{"id":782},"angular-router","Angular Router",[94,785,789],{"className":786,"code":787,"language":788,"meta":99,"style":99},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { NavigationEnd, Router } from '@angular\u002Frouter'\nimport { filter } from 'rxjs\u002Foperators'\n\nexport class AppComponent {\n  constructor(private router: Router) {\n    this.router.events\n      .pipe(filter(event => event instanceof NavigationEnd))\n      .subscribe((event: NavigationEnd) => {\n        if (window.konektor) {\n          window.konektor('track', 'pageview', {\n            page: event.url,\n            title: document.title,\n            referrer: event.urlAfterRedirects\n          })\n        }\n      })\n  }\n}\n","ts",[36,790,791,816,836,840,853,874,886,917,940,957,986,1002,1017,1031,1038,1043,1049,1053],{"__ignoreMap":99},[103,792,793,795,797,800,802,805,807,809,811,814],{"class":105,"line":106},[103,794,356],{"class":355},[103,796,359],{"class":117},[103,798,799],{"class":113}," NavigationEnd",[103,801,127],{"class":117},[103,803,804],{"class":113}," Router",[103,806,365],{"class":117},[103,808,368],{"class":355},[103,810,130],{"class":117},[103,812,813],{"class":121},"@angular\u002Frouter",[103,815,376],{"class":117},[103,817,818,820,822,825,827,829,831,834],{"class":105,"line":143},[103,819,356],{"class":355},[103,821,359],{"class":117},[103,823,824],{"class":113}," filter",[103,826,365],{"class":117},[103,828,368],{"class":355},[103,830,130],{"class":117},[103,832,833],{"class":121},"rxjs\u002Foperators",[103,835,376],{"class":117},[103,837,838],{"class":105,"line":155},[103,839,330],{"emptyLinePlaceholder":329},[103,841,842,845,848,851],{"class":105,"line":170},[103,843,844],{"class":355},"export",[103,846,847],{"class":222}," class",[103,849,850],{"class":587}," AppComponent",[103,852,140],{"class":117},[103,854,855,858,860,863,866,868,870,872],{"class":105,"line":182},[103,856,857],{"class":222},"  constructor",[103,859,114],{"class":117},[103,861,862],{"class":222},"private",[103,864,865],{"class":643}," router",[103,867,150],{"class":117},[103,869,804],{"class":587},[103,871,651],{"class":117},[103,873,140],{"class":117},[103,875,876,879,881,883],{"class":105,"line":193},[103,877,878],{"class":117},"    this.",[103,880,631],{"class":113},[103,882,43],{"class":117},[103,884,885],{"class":113},"events\n",[103,887,888,891,894,896,899,901,904,906,909,912,914],{"class":105,"line":199},[103,889,890],{"class":117},"      .",[103,892,893],{"class":109},"pipe",[103,895,114],{"class":146},[103,897,898],{"class":109},"filter",[103,900,114],{"class":146},[103,902,903],{"class":643},"event",[103,905,442],{"class":222},[103,907,908],{"class":113}," event",[103,910,911],{"class":117}," instanceof",[103,913,799],{"class":587},[103,915,916],{"class":146},"))\n",[103,918,919,921,924,926,928,930,932,934,936,938],{"class":105,"line":326},[103,920,890],{"class":117},[103,922,923],{"class":109},"subscribe",[103,925,114],{"class":146},[103,927,114],{"class":117},[103,929,903],{"class":643},[103,931,150],{"class":117},[103,933,799],{"class":587},[103,935,651],{"class":117},[103,937,442],{"class":222},[103,939,140],{"class":117},[103,941,942,945,947,949,951,953,955],{"class":105,"line":333},[103,943,944],{"class":355},"        if",[103,946,452],{"class":146},[103,948,455],{"class":113},[103,950,43],{"class":117},[103,952,110],{"class":113},[103,954,462],{"class":146},[103,956,465],{"class":117},[103,958,959,962,964,966,968,970,972,974,976,978,980,982,984],{"class":105,"line":497},[103,960,961],{"class":113},"          window",[103,963,43],{"class":117},[103,965,110],{"class":109},[103,967,114],{"class":146},[103,969,118],{"class":117},[103,971,243],{"class":121},[103,973,118],{"class":117},[103,975,127],{"class":117},[103,977,130],{"class":117},[103,979,252],{"class":121},[103,981,118],{"class":117},[103,983,127],{"class":117},[103,985,140],{"class":117},[103,987,988,991,993,995,997,1000],{"class":105,"line":513},[103,989,990],{"class":146},"            page",[103,992,150],{"class":117},[103,994,908],{"class":113},[103,996,43],{"class":117},[103,998,999],{"class":113},"url",[103,1001,167],{"class":117},[103,1003,1004,1007,1009,1011,1013,1015],{"class":105,"line":530},[103,1005,1006],{"class":146},"            title",[103,1008,150],{"class":117},[103,1010,290],{"class":113},[103,1012,43],{"class":117},[103,1014,295],{"class":113},[103,1016,167],{"class":117},[103,1018,1019,1022,1024,1026,1028],{"class":105,"line":545},[103,1020,1021],{"class":146},"            referrer",[103,1023,150],{"class":117},[103,1025,908],{"class":113},[103,1027,43],{"class":117},[103,1029,1030],{"class":113},"urlAfterRedirects\n",[103,1032,1033,1036],{"class":105,"line":553},[103,1034,1035],{"class":117},"          }",[103,1037,205],{"class":146},[103,1039,1040],{"class":105,"line":559},[103,1041,1042],{"class":117},"        }\n",[103,1044,1045,1047],{"class":105,"line":573},[103,1046,548],{"class":117},[103,1048,205],{"class":146},[103,1050,1051],{"class":105,"line":578},[103,1052,196],{"class":117},[103,1054,1055],{"class":105,"line":594},[103,1056,323],{"class":117},[18,1058,1060],{"id":1059},"nextjs","Next.js",[94,1062,1064],{"className":346,"code":1063,"language":348,"meta":99,"style":99},"import { useRouter } from 'next\u002Frouter'\nimport { useEffect } from 'react'\n\nfunction MyApp({ Component, pageProps }) {\n  const router = useRouter()\n\n  useEffect(() => {\n    const handleRouteChange = (url) => {\n      if (window.konektor) {\n        window.konektor('track', 'pageview', {\n          page: url,\n          title: document.title\n        })\n      }\n    }\n\n    router.events.on('routeChangeComplete', handleRouteChange)\n    return () => router.events.off('routeChangeComplete', handleRouteChange)\n  }, [router.events])\n\n  return \u003CComponent {...pageProps} \u002F>\n}\n",[36,1065,1066,1086,1104,1108,1131,1143,1147,1159,1179,1196,1225,1237,1250,1257,1262,1266,1270,1300,1335,1350,1355,1374],{"__ignoreMap":99},[103,1067,1068,1070,1072,1075,1077,1079,1081,1084],{"class":105,"line":106},[103,1069,356],{"class":355},[103,1071,359],{"class":117},[103,1073,1074],{"class":113}," useRouter",[103,1076,365],{"class":117},[103,1078,368],{"class":355},[103,1080,130],{"class":117},[103,1082,1083],{"class":121},"next\u002Frouter",[103,1085,376],{"class":117},[103,1087,1088,1090,1092,1094,1096,1098,1100,1102],{"class":105,"line":143},[103,1089,356],{"class":355},[103,1091,359],{"class":117},[103,1093,362],{"class":113},[103,1095,365],{"class":117},[103,1097,368],{"class":355},[103,1099,130],{"class":117},[103,1101,373],{"class":121},[103,1103,376],{"class":117},[103,1105,1106],{"class":105,"line":155},[103,1107,330],{"emptyLinePlaceholder":329},[103,1109,1110,1112,1115,1118,1121,1123,1126,1129],{"class":105,"line":170},[103,1111,223],{"class":222},[103,1113,1114],{"class":109}," MyApp",[103,1116,1117],{"class":117},"({",[103,1119,1120],{"class":643}," Component",[103,1122,127],{"class":117},[103,1124,1125],{"class":643}," pageProps",[103,1127,1128],{"class":117}," })",[103,1130,140],{"class":117},[103,1132,1133,1135,1137,1139,1141],{"class":105,"line":182},[103,1134,416],{"class":222},[103,1136,865],{"class":113},[103,1138,422],{"class":117},[103,1140,1074],{"class":109},[103,1142,339],{"class":146},[103,1144,1145],{"class":105,"line":193},[103,1146,330],{"emptyLinePlaceholder":329},[103,1148,1149,1151,1153,1155,1157],{"class":105,"line":199},[103,1150,435],{"class":109},[103,1152,114],{"class":146},[103,1154,229],{"class":117},[103,1156,442],{"class":222},[103,1158,140],{"class":117},[103,1160,1161,1164,1167,1169,1171,1173,1175,1177],{"class":105,"line":326},[103,1162,1163],{"class":222},"    const",[103,1165,1166],{"class":113}," handleRouteChange",[103,1168,422],{"class":117},[103,1170,452],{"class":117},[103,1172,999],{"class":643},[103,1174,651],{"class":117},[103,1176,442],{"class":222},[103,1178,140],{"class":117},[103,1180,1181,1184,1186,1188,1190,1192,1194],{"class":105,"line":333},[103,1182,1183],{"class":355},"      if",[103,1185,452],{"class":146},[103,1187,455],{"class":113},[103,1189,43],{"class":117},[103,1191,110],{"class":113},[103,1193,462],{"class":146},[103,1195,465],{"class":117},[103,1197,1198,1201,1203,1205,1207,1209,1211,1213,1215,1217,1219,1221,1223],{"class":105,"line":497},[103,1199,1200],{"class":113},"        window",[103,1202,43],{"class":117},[103,1204,110],{"class":109},[103,1206,114],{"class":146},[103,1208,118],{"class":117},[103,1210,243],{"class":121},[103,1212,118],{"class":117},[103,1214,127],{"class":117},[103,1216,130],{"class":117},[103,1218,252],{"class":121},[103,1220,118],{"class":117},[103,1222,127],{"class":117},[103,1224,140],{"class":117},[103,1226,1227,1230,1232,1235],{"class":105,"line":513},[103,1228,1229],{"class":146},"          page",[103,1231,150],{"class":117},[103,1233,1234],{"class":113}," url",[103,1236,167],{"class":117},[103,1238,1239,1242,1244,1246,1248],{"class":105,"line":530},[103,1240,1241],{"class":146},"          title",[103,1243,150],{"class":117},[103,1245,290],{"class":113},[103,1247,43],{"class":117},[103,1249,542],{"class":113},[103,1251,1252,1255],{"class":105,"line":545},[103,1253,1254],{"class":117},"        }",[103,1256,205],{"class":146},[103,1258,1259],{"class":105,"line":553},[103,1260,1261],{"class":117},"      }\n",[103,1263,1264],{"class":105,"line":559},[103,1265,556],{"class":117},[103,1267,1268],{"class":105,"line":573},[103,1269,330],{"emptyLinePlaceholder":329},[103,1271,1272,1275,1277,1280,1282,1285,1287,1289,1292,1294,1296,1298],{"class":105,"line":578},[103,1273,1274],{"class":113},"    router",[103,1276,43],{"class":117},[103,1278,1279],{"class":113},"events",[103,1281,43],{"class":117},[103,1283,1284],{"class":109},"on",[103,1286,114],{"class":146},[103,1288,118],{"class":117},[103,1290,1291],{"class":121},"routeChangeComplete",[103,1293,118],{"class":117},[103,1295,127],{"class":117},[103,1297,1166],{"class":113},[103,1299,205],{"class":146},[103,1301,1302,1305,1308,1310,1312,1314,1316,1318,1321,1323,1325,1327,1329,1331,1333],{"class":105,"line":594},[103,1303,1304],{"class":355},"    return",[103,1306,1307],{"class":117}," ()",[103,1309,442],{"class":222},[103,1311,865],{"class":113},[103,1313,43],{"class":117},[103,1315,1279],{"class":113},[103,1317,43],{"class":117},[103,1319,1320],{"class":109},"off",[103,1322,114],{"class":146},[103,1324,118],{"class":117},[103,1326,1291],{"class":121},[103,1328,118],{"class":117},[103,1330,127],{"class":117},[103,1332,1166],{"class":113},[103,1334,205],{"class":146},[103,1336,1338,1340,1342,1344,1346,1348],{"class":105,"line":1337},19,[103,1339,562],{"class":117},[103,1341,565],{"class":146},[103,1343,631],{"class":113},[103,1345,43],{"class":117},[103,1347,1279],{"class":113},[103,1349,570],{"class":146},[103,1351,1353],{"class":105,"line":1352},20,[103,1354,330],{"emptyLinePlaceholder":329},[103,1356,1358,1360,1362,1365,1368,1371],{"class":105,"line":1357},21,[103,1359,581],{"class":355},[103,1361,584],{"class":117},[103,1363,1364],{"class":587},"Component",[103,1366,1367],{"class":117}," {...",[103,1369,1370],{"class":113},"pageProps",[103,1372,1373],{"class":117},"} \u002F>\n",[103,1375,1377],{"class":105,"line":1376},22,[103,1378,323],{"class":117},[18,1380,1382],{"id":1381},"praktik-terbaik","Praktik Terbaik",[26,1384,1385,1388,1398,1401],{},[29,1386,1387],{},"Trigger tracking segera setelah route selesai berubah.",[29,1389,1390,1391,1394,1395,1397],{},"Sertakan ",[36,1392,1393],{},"page",", ",[36,1396,295],{},", dan data atribusi yang relevan.",[29,1399,1400],{},"Jangan block navigasi hanya karena tracking gagal.",[29,1402,1403],{},"Test route utama, back\u002Fforward browser, modal virtual page, dan checkout flow.",[18,1405,1407],{"id":1406},"tautan-terkait","Tautan Terkait",[26,1409,1410,1417,1423],{},[29,1411,1412],{},[1413,1414,1416],"a",{"href":1415},"\u002Fdocs\u002Ftracking-installation","Instalasi Tracking",[29,1418,1419],{},[1413,1420,1422],{"href":1421},"\u002Fdocs\u002Fcross-domain","Cross-Domain Tracking",[29,1424,1425],{},[1413,1426,1428],{"href":1427},"\u002Fdocs\u002Fcustom-tracking","Custom Event Tracking",[1430,1431,1432],"style",{},"html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":99,"searchDepth":143,"depth":143,"links":1434},[1435,1436,1437,1438,1439,1440,1441,1442,1443],{"id":20,"depth":143,"text":21},{"id":88,"depth":143,"text":89},{"id":208,"depth":143,"text":209},{"id":342,"depth":143,"text":343},{"id":599,"depth":143,"text":600},{"id":782,"depth":143,"text":783},{"id":1059,"depth":143,"text":1060},{"id":1381,"depth":143,"text":1382},{"id":1406,"depth":143,"text":1407},"implementation",null,"Pelajari cara menerapkan tracking untuk Single Page Application (SPA) saat navigasi halaman tidak memicu reload penuh.","md",{},"\u002Fdocs\u002Fspa",{"title":5,"description":1446},{"loc":1449,"lastmod":1452},"2026-09-06","docs\u002Fspa",[],"TWHDyXfrbeA5chvl7fd8HKUfGDZKeNJxpzO_kSO7fKc"]