कोड की एक लाइन – और बाकी सब आपकी ज़रूरत के अनुसार
ट्रैकिंग कोड कम्प्रेस होकर लगभग 5 KB का है और किसी भी वेबसाइट पर चलता है। इवेंट, लॉगिन, ई-कॉमर्स और सर्वर-साइड डेटा के लिए एक हल्का JavaScript API और एक सर्वर API उपलब्ध है।
<script defer src="https://visualclicks.de/t/fwa.js" data-site="vc_…"></script>इवेंट, प्रॉपर्टी और लॉगिन
सर्च, डाउनलोड या क्लिक जैसे अपने इवेंट fwa.track() से भेजें, और अतिरिक्त जानकारी fwa.set() से – इवेंट, पेज, सेशन के लिए या यूज़र के लिए स्थायी रूप से। लॉगिन के बाद fwa.identify() सेशन को आपके ग्राहक नंबर से जोड़ता है।
हर नई प्रॉपर्टी अपने-आप प्रॉपर्टी रजिस्ट्री में दिखाई देती है और फिर फ़िल्टर, कार्ड और सेगमेंट में उपलब्ध होती है।
// प्रॉपर्टी के साथ इवेंट
fwa.track('search', { query: 'टेंट', results: 12 });
// पूरे सेशन के लिए प्रॉपर्टी
fwa.set('customer_type', 'vip', { scope: 'session' });
// लॉगिन जोड़ें, लॉग आउट करें
fwa.identify('cust_4711');
fwa.reset();
// आपके कुकी बैनर से सहमति
fwa.consent.grant(['analytics', 'recording']);खरीद प्रक्रिया, इवेंट के रूप में
ई-कॉमर्स API, Google Analytics 4 की संरचना का पालन करता है: प्रोडक्ट व्यू, कार्ट, चेकआउट, शिपिंग, भुगतान, खरीद और रिफंड – हर एक आइटम, ब्रांड, कैटेगरी, कीमत और मात्रा के साथ।
अगर आपकी शॉप में पहले से GA4 डेटा मॉडल है, तो उसे अपनाने में बहुत कम मेहनत लगती है।
fwa.ecommerce.viewItem({ item_id: 'ZT-100', item_name: 'ट्रेकिंग टेंट',
item_brand: 'NordCamp', item_category: 'टेंट', price: 249 });
fwa.ecommerce.addToCart({ item_id: 'ZT-100', price: 249, quantity: 1 });
fwa.ecommerce.beginCheckout(items, { value: 249 });
fwa.ecommerce.purchase(items, { transaction_id: 'A-1001',
value: 249, tax: 39.76, shipping: 0, currency: 'EUR' });ऑर्डर और AI क्रॉलर सीधे आपके सर्वर से
सेटिंग्स से मिली सर्वर कुंजी के साथ आपका बैकएंड इवेंट सीधे VisualClicks को भेजता है – ब्राउज़र, ऐड ब्लॉकर और सहमति से स्वतंत्र। ऑर्डर नंबर के ज़रिए ऑर्डर को ब्राउज़र डेटा के साथ मिला दिया जाता है।
AI क्रॉलर अनुरोध आप इसी तरह रिपोर्ट करते हैं, या “combined” फ़ॉर्मेट में एक एक्सेस लॉग अपलोड करते हैं।
- हर वेबसाइट के लिए कई कुंजियाँ, जिन्हें एक-एक करके रद्द किया जा सकता है
- कुंजी केवल एक बार दिखाई जाती है और केवल हैश के रूप में संग्रहीत होती है
- आंतरिक ट्रैफ़िक के लिए IP बहिष्करण
curl -X POST https://visualclicks.de/api/s/v1/events \
-H "Authorization: Bearer vcsk_…" \
-H "Content-Type: application/json" \
-d '{"source":"server","e":[{"t":"ecommerce","n":"purchase",
"u":"https://shop.example/thank-you",
"x":{"transaction_id":"A-1001","value":249}}]}'असिंक्रोनस
defer के साथ लोड होता है, पेज को कभी ब्लॉक नहीं करता
सिंगल-पेज ऐप
History API के ज़रिए पेज बदलाव अपने-आप दर्ज
कोड की ज़रूरत नहीं
data-fwa-event से क्लिक ट्रैक करें
कई वेबसाइटें
हर वेबसाइट का अपना कोड और सेटिंग्स
अक्सर पूछे जाने वाले प्रश्न
ट्रैकिंग कोड कहाँ लगाएँ?
हर पेज के <head> में – ज़्यादातर CMS और शॉप सिस्टम में थीम के ज़रिए या कस्टम स्क्रिप्ट के लिए दिए गए फ़ील्ड में। कोड असिंक्रोनस रूप से लोड होता है और पेज को ब्लॉक नहीं करता।
क्या यह सिंगल-पेज ऐप (React, Vue, Next.js) के साथ काम करता है?
हाँ। History API के ज़रिए होने वाले पेज बदलाव अपने-आप पेज व्यू के रूप में दर्ज होते हैं।
बिना कोडिंग के बटन क्लिक कैसे ट्रैक करें?
एलिमेंट पर data-fwa-event एट्रिब्यूट से, उदाहरण के लिए data-fwa-event="newsletter_click"। अतिरिक्त प्रॉपर्टी data-fwa-prop-… से जोड़ें।
सर्वर कुंजी किस काम आती है?
इससे आपका सर्वर सीधे इवेंट भेज सकता है: ऑर्डर, रिफंड या AI क्रॉलर अनुरोध। सर्वर कुंजियाँ आपकी वेबसाइट के सोर्स कोड में कभी नहीं होनी चाहिए और उन्हें एक-एक करके रद्द किया जा सकता है।
कोड की पहली लाइन के लिए तैयार हैं?
अपने एक्सेस का अनुरोध करें। इसके बाद बस ट्रैकिंग कोड की एक लाइन चाहिए – पहली विज़िट रियल टाइम में दिखने लगती हैं।