@mahe_pkm/buzl-capi 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Buzl_GoogleAppsScript_Template.gs +948 -948
- package/CHANGELOG.md +109 -83
- package/LICENSE +21 -21
- package/README.md +339 -253
- package/USER_HANDBOOK.html +808 -0
- package/USER_HANDBOOK.md +842 -0
- package/assets/js/buzl-tracking.js +390 -390
- package/bin/cli.js +175 -155
- package/package.json +3 -1
- package/src/cli/terminal.js +388 -388
- package/src/core/injector.js +321 -321
- package/src/core/rollback.js +281 -281
- package/src/core/scanner.js +506 -506
- package/src/core/tester.js +666 -357
- package/src/gui/public/app.js +915 -87
- package/src/gui/public/index.html +620 -230
- package/src/gui/public/style.css +1603 -509
- package/src/gui/server.js +242 -232
- package/src/index.js +47 -47
- package/src/templates/GoogleAppsScript.gs +948 -948
- package/src/templates/buzl-tracking.js +475 -475
- package/src/templates/gtm-meta-snippets.js +149 -149
|
@@ -1,390 +1,390 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* =========================================================================
|
|
3
|
-
* BUZL UNIVERSAL TRACKING & FORM DISPATCHER RUNTIME
|
|
4
|
-
* Headless SDK for GTM, Meta Pixel/CAPI, Google Sheets, & Zoho CRM
|
|
5
|
-
* =========================================================================
|
|
6
|
-
*/
|
|
7
|
-
(function (root, factory) {
|
|
8
|
-
if (typeof define === 'function' && define.amd) {
|
|
9
|
-
define([], factory);
|
|
10
|
-
} else if (typeof module === 'object' && module.exports) {
|
|
11
|
-
module.exports = factory();
|
|
12
|
-
} else {
|
|
13
|
-
root.BuzlTracker = factory();
|
|
14
|
-
}
|
|
15
|
-
}(typeof self !== 'undefined' ? self : this, function () {
|
|
16
|
-
'use strict';
|
|
17
|
-
|
|
18
|
-
var VERSION = '1.0.0';
|
|
19
|
-
|
|
20
|
-
function win() { return typeof window !== 'undefined' ? window : {}; }
|
|
21
|
-
function doc() { return typeof document !== 'undefined' ? document : {}; }
|
|
22
|
-
function nav() { return typeof navigator !== 'undefined' ? navigator : {}; }
|
|
23
|
-
|
|
24
|
-
function getCookie(name) {
|
|
25
|
-
try {
|
|
26
|
-
var m = doc().cookie.match(new RegExp('(?:^|; )' + name.replace(/([.$?*|{}()\[\]\\\/+^])/g, '\\$1') + '=([^;]*)'));
|
|
27
|
-
return m ? decodeURIComponent(m[1]) : '';
|
|
28
|
-
} catch (e) { return ''; }
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
function sessionGet(key) {
|
|
32
|
-
try { return (win().sessionStorage && win().sessionStorage.getItem(key)) || ''; }
|
|
33
|
-
catch (e) { return ''; }
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
function sessionSet(key, val) {
|
|
37
|
-
try { if (win().sessionStorage) win().sessionStorage.setItem(key, val); }
|
|
38
|
-
catch (e) {}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
function getFbclid() {
|
|
42
|
-
try {
|
|
43
|
-
return new URLSearchParams(win().location.search).get('fbclid') || sessionGet('fbclid') || '';
|
|
44
|
-
} catch (e) { return ''; }
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
function getFbc() {
|
|
48
|
-
var fbc = getCookie('_fbc');
|
|
49
|
-
if (fbc) return fbc;
|
|
50
|
-
var fbclid = getFbclid();
|
|
51
|
-
return fbclid ? 'fb.1.' + Date.now() + '.' + fbclid : '';
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
function getFbp() {
|
|
55
|
-
return getCookie('_fbp') || '';
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
function getDomainLabel() {
|
|
59
|
-
try {
|
|
60
|
-
var host = (win().location.hostname || '').trim().toLowerCase();
|
|
61
|
-
host = host.replace(/^www\./, '');
|
|
62
|
-
host = host.replace(/[^a-z0-9_-]/g, '-').slice(0, 63);
|
|
63
|
-
return host || 'website';
|
|
64
|
-
} catch (e) {
|
|
65
|
-
return 'website';
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
function generateLeadId() {
|
|
70
|
-
var uuid = '';
|
|
71
|
-
try {
|
|
72
|
-
if (win().crypto && win().crypto.randomUUID) {
|
|
73
|
-
uuid = win().crypto.randomUUID();
|
|
74
|
-
} else if (win().crypto && win().crypto.getRandomValues) {
|
|
75
|
-
var b = win().crypto.getRandomValues(new Uint8Array(16));
|
|
76
|
-
b[6] = (b[6] & 0x0f) | 0x40;
|
|
77
|
-
b[8] = (b[8] & 0x3f) | 0x80;
|
|
78
|
-
var h = [];
|
|
79
|
-
for (var i = 0; i < 16; i++) h.push((b[i] + 0x100).toString(16).slice(1));
|
|
80
|
-
uuid = h[0] + h[1] + h[2] + h[3] + '-' + h[4] + h[5] + '-' + h[6] + h[7] + '-' + h[8] + h[9] + '-' + h[10] + h[11] + h[12] + h[13] + h[14] + h[15];
|
|
81
|
-
}
|
|
82
|
-
} catch (e) {}
|
|
83
|
-
|
|
84
|
-
if (!uuid) {
|
|
85
|
-
uuid = Date.now().toString(36) + '-' + Math.random().toString(36).substring(2, 10);
|
|
86
|
-
}
|
|
87
|
-
return getDomainLabel() + '-' + uuid;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
function captureUtm() {
|
|
91
|
-
try {
|
|
92
|
-
var params = new URLSearchParams(win().location.search);
|
|
93
|
-
var keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid'];
|
|
94
|
-
keys.forEach(function (k) {
|
|
95
|
-
var v = params.get(k);
|
|
96
|
-
if (v) sessionSet(k, v);
|
|
97
|
-
});
|
|
98
|
-
} catch (e) {}
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
function getUtm() {
|
|
102
|
-
return {
|
|
103
|
-
source: sessionGet('utm_source'),
|
|
104
|
-
medium: sessionGet('utm_medium'),
|
|
105
|
-
campaign: sessionGet('utm_campaign'),
|
|
106
|
-
term: sessionGet('utm_term'),
|
|
107
|
-
content: sessionGet('utm_content'),
|
|
108
|
-
fbclid: sessionGet('fbclid'),
|
|
109
|
-
gclid: sessionGet('gclid')
|
|
110
|
-
};
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
function createTracker(userConfig) {
|
|
114
|
-
var cfg = userConfig || {};
|
|
115
|
-
var googleSheetUrl = cfg.googleSheetUrl || '';
|
|
116
|
-
var gtmEvent = cfg.gtmEvent || 'lead_form_submitted';
|
|
117
|
-
var safetyTimeoutMs = typeof cfg.safetyTimeoutMs === 'number' ? cfg.safetyTimeoutMs : 800;
|
|
118
|
-
var zoho = cfg.zoho || {};
|
|
119
|
-
var buzlCapi = cfg.buzlCapi || {};
|
|
120
|
-
var whatsapp = cfg.whatsapp || {};
|
|
121
|
-
|
|
122
|
-
captureUtm();
|
|
123
|
-
|
|
124
|
-
/* 1. Push to GTM dataLayer */
|
|
125
|
-
function pushGTM(leadId, payload) {
|
|
126
|
-
if (!cfg.enableGTM) return;
|
|
127
|
-
if (!win().dataLayer) win().dataLayer = [];
|
|
128
|
-
try {
|
|
129
|
-
win().dataLayer.push({
|
|
130
|
-
event: gtmEvent,
|
|
131
|
-
leadId: leadId,
|
|
132
|
-
contact: payload.contact,
|
|
133
|
-
utm: payload.utm,
|
|
134
|
-
pageUrl: win().location.href
|
|
135
|
-
});
|
|
136
|
-
} catch (e) {
|
|
137
|
-
console.warn('[BuzlTracker] GTM push error', e);
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
/* 2. Track with Meta Pixel */
|
|
142
|
-
function trackMeta(leadId, payload) {
|
|
143
|
-
if (!cfg.enableMeta || typeof win().fbq !== 'function') return;
|
|
144
|
-
try {
|
|
145
|
-
var customData = {
|
|
146
|
-
content_name: payload.source || 'Lead Form',
|
|
147
|
-
buzl_lead_id: leadId,
|
|
148
|
-
utm_source: payload.utm.source,
|
|
149
|
-
utm_medium: payload.utm.medium,
|
|
150
|
-
utm_campaign: payload.utm.campaign
|
|
151
|
-
};
|
|
152
|
-
win().fbq('trackCustom', 'formSubmitted', customData, { eventID: leadId });
|
|
153
|
-
if (cfg.trackMetaLeadEvent) {
|
|
154
|
-
win().fbq('track', 'Lead', customData, { eventID: leadId });
|
|
155
|
-
}
|
|
156
|
-
} catch (e) {
|
|
157
|
-
console.warn('[BuzlTracker] Meta track error', e);
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
/* 3. Sync to Google Sheets */
|
|
162
|
-
function syncToGoogleSheet(leadId, payload) {
|
|
163
|
-
if (!googleSheetUrl) return Promise.resolve();
|
|
164
|
-
return new Promise(function (resolve) {
|
|
165
|
-
var sheetPayload = {
|
|
166
|
-
timestamp: new Date().toISOString(),
|
|
167
|
-
leadId: leadId,
|
|
168
|
-
name: payload.contact.name || '',
|
|
169
|
-
phone: payload.contact.phone || '',
|
|
170
|
-
email: payload.contact.email || '',
|
|
171
|
-
location: payload.contact.location || cfg.siteLocation || '',
|
|
172
|
-
siteLocation: cfg.siteLocation || '',
|
|
173
|
-
source: payload.source || 'Website Form',
|
|
174
|
-
utm: payload.utm,
|
|
175
|
-
fbclid: getFbclid(),
|
|
176
|
-
fbc: getFbc(),
|
|
177
|
-
fbp: getFbp(),
|
|
178
|
-
eventSourceUrl: win().location.href,
|
|
179
|
-
userAgent: nav().userAgent || '',
|
|
180
|
-
rawFields: payload.rawFields || {}
|
|
181
|
-
};
|
|
182
|
-
|
|
183
|
-
// Attach dynamic fields directly for top-level access
|
|
184
|
-
if (payload.rawFields) {
|
|
185
|
-
for (var rk in payload.rawFields) {
|
|
186
|
-
if (sheetPayload[rk] === undefined) {
|
|
187
|
-
sheetPayload[rk] = payload.rawFields[rk];
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
try {
|
|
193
|
-
win().fetch(googleSheetUrl, {
|
|
194
|
-
method: 'POST',
|
|
195
|
-
mode: 'no-cors',
|
|
196
|
-
headers: { 'Content-Type': 'application/json' },
|
|
197
|
-
body: JSON.stringify(sheetPayload),
|
|
198
|
-
keepalive: true
|
|
199
|
-
}).then(function () { resolve({ status: 'sent' }); })
|
|
200
|
-
.catch(function () { resolve({ status: 'error' }); });
|
|
201
|
-
} catch (e) {
|
|
202
|
-
resolve({ status: 'exception' });
|
|
203
|
-
}
|
|
204
|
-
});
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
/* 4. Sync to Zoho CRM Web-to-Lead */
|
|
208
|
-
function syncToZoho(payload) {
|
|
209
|
-
if (!zoho.endpoint || !zoho.xnQsjsdp) return Promise.resolve();
|
|
210
|
-
return new Promise(function (resolve) {
|
|
211
|
-
try {
|
|
212
|
-
var fd = new FormData();
|
|
213
|
-
fd.append('xnQsjsdp', zoho.xnQsjsdp);
|
|
214
|
-
if (zoho.xmIwtLD) fd.append('xmIwtLD', zoho.xmIwtLD);
|
|
215
|
-
fd.append('actionType', zoho.actionType || 'TGVhZHM=');
|
|
216
|
-
|
|
217
|
-
var fMap = zoho.fields || {};
|
|
218
|
-
var nameField = fMap.lastName || 'Last Name';
|
|
219
|
-
var phoneField = fMap.phone || 'Phone';
|
|
220
|
-
var emailField = fMap.email || 'Email';
|
|
221
|
-
var locationField = fMap.location || 'City';
|
|
222
|
-
var sourceField = fMap.source || 'Lead Source';
|
|
223
|
-
|
|
224
|
-
if (payload.contact.name) fd.append(nameField, payload.contact.name);
|
|
225
|
-
if (payload.contact.phone) fd.append(phoneField, payload.contact.phone);
|
|
226
|
-
if (payload.contact.email) fd.append(emailField, payload.contact.email);
|
|
227
|
-
if (payload.contact.location) fd.append(locationField, payload.contact.location);
|
|
228
|
-
if (payload.source) fd.append(sourceField, payload.source);
|
|
229
|
-
|
|
230
|
-
if (nav().sendBeacon && nav().sendBeacon(zoho.endpoint, fd)) {
|
|
231
|
-
resolve({ status: 'beacon_sent' });
|
|
232
|
-
} else {
|
|
233
|
-
win().fetch(zoho.endpoint, { method: 'POST', body: fd, mode: 'no-cors', keepalive: true })
|
|
234
|
-
.then(function () { resolve({ status: 'sent' }); })
|
|
235
|
-
.catch(function () { resolve({ status: 'error' }); });
|
|
236
|
-
}
|
|
237
|
-
} catch (e) {
|
|
238
|
-
resolve({ status: 'exception' });
|
|
239
|
-
}
|
|
240
|
-
});
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
/* 5. Sync to Server-Side Buzl CAPI */
|
|
244
|
-
function syncToBuzlCAPI(leadId, payload) {
|
|
245
|
-
if (!buzlCapi.endpoint || !buzlCapi.authUser) return Promise.resolve();
|
|
246
|
-
return new Promise(function (resolve) {
|
|
247
|
-
try {
|
|
248
|
-
var capiData = {
|
|
249
|
-
leadId: leadId,
|
|
250
|
-
domain: getDomainLabel(),
|
|
251
|
-
eventName: 'Lead',
|
|
252
|
-
eventTime: Math.floor(Date.now() / 1000),
|
|
253
|
-
actionSource: 'website',
|
|
254
|
-
eventSourceUrl: win().location.href,
|
|
255
|
-
contact: payload.contact,
|
|
256
|
-
source: payload.source,
|
|
257
|
-
fbc: getFbc(),
|
|
258
|
-
fbp: getFbp(),
|
|
259
|
-
fbclid: getFbclid(),
|
|
260
|
-
userAgent: nav().userAgent || '',
|
|
261
|
-
utm: payload.utm
|
|
262
|
-
};
|
|
263
|
-
|
|
264
|
-
win().fetch(buzlCapi.endpoint, {
|
|
265
|
-
method: 'POST',
|
|
266
|
-
headers: {
|
|
267
|
-
'Content-Type': 'application/json',
|
|
268
|
-
'Authorization': 'Basic ' + win().btoa(buzlCapi.authUser + ':' + (buzlCapi.authPass || ''))
|
|
269
|
-
},
|
|
270
|
-
body: JSON.stringify(capiData),
|
|
271
|
-
keepalive: true
|
|
272
|
-
}).then(function () { resolve({ status: 'capi_sent' }); })
|
|
273
|
-
.catch(function () { resolve({ status: 'capi_error' }); });
|
|
274
|
-
} catch (e) {
|
|
275
|
-
resolve({ status: 'capi_exception' });
|
|
276
|
-
}
|
|
277
|
-
});
|
|
278
|
-
}
|
|
279
|
-
|
|
280
|
-
/* Extract contact inputs from a Form element */
|
|
281
|
-
function extractFormFields(form) {
|
|
282
|
-
var data = {};
|
|
283
|
-
var elements = form.elements || [];
|
|
284
|
-
for (var i = 0; i < elements.length; i++) {
|
|
285
|
-
var el = elements[i];
|
|
286
|
-
if (!el.name || el.type === 'submit' || el.type === 'button') continue;
|
|
287
|
-
data[el.name] = el.value;
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
// Semantic inference
|
|
291
|
-
var name = data.name || data.fullName || data.bizName || data['first-name'] || data['Last Name'] || '';
|
|
292
|
-
var phone = data.phone || data.mobile || data.tel || data.bizPhone || data['Phone'] || '';
|
|
293
|
-
var email = data.email || data.mail || data['Email'] || '';
|
|
294
|
-
var location = data.location || data.city || data.bizLocation || data['City'] || cfg.siteLocation || '';
|
|
295
|
-
|
|
296
|
-
return {
|
|
297
|
-
contact: { name: name, phone: phone, email: email, location: location },
|
|
298
|
-
rawFields: data
|
|
299
|
-
};
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
/* Main Submit Handler */
|
|
303
|
-
function submitLead(opts) {
|
|
304
|
-
opts = opts || {};
|
|
305
|
-
var leadId = generateLeadId();
|
|
306
|
-
var utm = getUtm();
|
|
307
|
-
var contact = opts.contact || {};
|
|
308
|
-
var source = opts.source || 'Website Form';
|
|
309
|
-
var payload = {
|
|
310
|
-
leadId: leadId,
|
|
311
|
-
contact: contact,
|
|
312
|
-
source: source,
|
|
313
|
-
utm: utm,
|
|
314
|
-
rawFields: opts.rawFields || {}
|
|
315
|
-
};
|
|
316
|
-
|
|
317
|
-
// 1. GTM & Meta client triggers
|
|
318
|
-
pushGTM(leadId, payload);
|
|
319
|
-
trackMeta(leadId, payload);
|
|
320
|
-
|
|
321
|
-
// 2. Race async endpoints against safety timeout
|
|
322
|
-
var safetyTimer = new Promise(function (res) { setTimeout(res, safetyTimeoutMs); });
|
|
323
|
-
var networkPromises = Promise.all([
|
|
324
|
-
syncToGoogleSheet(leadId, payload),
|
|
325
|
-
syncToZoho(payload),
|
|
326
|
-
syncToBuzlCAPI(leadId, payload)
|
|
327
|
-
]);
|
|
328
|
-
|
|
329
|
-
return Promise.race([networkPromises, safetyTimer]).then(function () {
|
|
330
|
-
// Redirection or follow-up
|
|
331
|
-
if (whatsapp.number && opts.redirect !== false) {
|
|
332
|
-
var textTmpl = whatsapp.template || 'Hi, I submitted an inquiry from {name} in {location}.';
|
|
333
|
-
var msg = textTmpl
|
|
334
|
-
.replace(/{name}/g, contact.name || 'my business')
|
|
335
|
-
.replace(/{location}/g, contact.location || '')
|
|
336
|
-
.replace(/{phone}/g, contact.phone || '');
|
|
337
|
-
var waUrl = 'https://wa.me/' + whatsapp.number + '?text=' + encodeURIComponent(msg);
|
|
338
|
-
win().location.href = waUrl;
|
|
339
|
-
}
|
|
340
|
-
return { leadId: leadId, success: true };
|
|
341
|
-
});
|
|
342
|
-
}
|
|
343
|
-
|
|
344
|
-
/* Auto-bind to forms */
|
|
345
|
-
function autoBindForms() {
|
|
346
|
-
var forms = doc().querySelectorAll('form[data-buzl-track], form:not([data-buzl-ignore])');
|
|
347
|
-
forms.forEach(function (f) {
|
|
348
|
-
if (f._buzlBound) return;
|
|
349
|
-
f._buzlBound = true;
|
|
350
|
-
f.addEventListener('submit', function (e) {
|
|
351
|
-
// If form already validated or native
|
|
352
|
-
var extracted = extractFormFields(f);
|
|
353
|
-
var formSource = f.getAttribute('data-buzl-source') || f.getAttribute('id') || 'Form Submission';
|
|
354
|
-
submitLead({
|
|
355
|
-
contact: extracted.contact,
|
|
356
|
-
rawFields: extracted.rawFields,
|
|
357
|
-
source: formSource,
|
|
358
|
-
redirect: f.getAttribute('data-buzl-no-redirect') !== 'true'
|
|
359
|
-
});
|
|
360
|
-
});
|
|
361
|
-
});
|
|
362
|
-
}
|
|
363
|
-
|
|
364
|
-
if (doc().readyState === 'loading') {
|
|
365
|
-
doc().addEventListener('DOMContentLoaded', autoBindForms);
|
|
366
|
-
} else {
|
|
367
|
-
autoBindForms();
|
|
368
|
-
}
|
|
369
|
-
|
|
370
|
-
return {
|
|
371
|
-
version: VERSION,
|
|
372
|
-
submitLead: submitLead,
|
|
373
|
-
getUtm: getUtm,
|
|
374
|
-
getLeadId: generateLeadId,
|
|
375
|
-
autoBindForms: autoBindForms
|
|
376
|
-
};
|
|
377
|
-
}
|
|
378
|
-
|
|
379
|
-
// Global auto-init if config object is defined on window
|
|
380
|
-
var Tracker = {
|
|
381
|
-
version: VERSION,
|
|
382
|
-
init: createTracker
|
|
383
|
-
};
|
|
384
|
-
|
|
385
|
-
if (typeof win().__BUZL_CONFIG__ !== 'undefined') {
|
|
386
|
-
win().buzl = Tracker.init(win().__BUZL_CONFIG__);
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
return Tracker;
|
|
390
|
-
}));
|
|
1
|
+
/**
|
|
2
|
+
* =========================================================================
|
|
3
|
+
* BUZL UNIVERSAL TRACKING & FORM DISPATCHER RUNTIME
|
|
4
|
+
* Headless SDK for GTM, Meta Pixel/CAPI, Google Sheets, & Zoho CRM
|
|
5
|
+
* =========================================================================
|
|
6
|
+
*/
|
|
7
|
+
(function (root, factory) {
|
|
8
|
+
if (typeof define === 'function' && define.amd) {
|
|
9
|
+
define([], factory);
|
|
10
|
+
} else if (typeof module === 'object' && module.exports) {
|
|
11
|
+
module.exports = factory();
|
|
12
|
+
} else {
|
|
13
|
+
root.BuzlTracker = factory();
|
|
14
|
+
}
|
|
15
|
+
}(typeof self !== 'undefined' ? self : this, function () {
|
|
16
|
+
'use strict';
|
|
17
|
+
|
|
18
|
+
var VERSION = '1.0.0';
|
|
19
|
+
|
|
20
|
+
function win() { return typeof window !== 'undefined' ? window : {}; }
|
|
21
|
+
function doc() { return typeof document !== 'undefined' ? document : {}; }
|
|
22
|
+
function nav() { return typeof navigator !== 'undefined' ? navigator : {}; }
|
|
23
|
+
|
|
24
|
+
function getCookie(name) {
|
|
25
|
+
try {
|
|
26
|
+
var m = doc().cookie.match(new RegExp('(?:^|; )' + name.replace(/([.$?*|{}()\[\]\\\/+^])/g, '\\$1') + '=([^;]*)'));
|
|
27
|
+
return m ? decodeURIComponent(m[1]) : '';
|
|
28
|
+
} catch (e) { return ''; }
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
function sessionGet(key) {
|
|
32
|
+
try { return (win().sessionStorage && win().sessionStorage.getItem(key)) || ''; }
|
|
33
|
+
catch (e) { return ''; }
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
function sessionSet(key, val) {
|
|
37
|
+
try { if (win().sessionStorage) win().sessionStorage.setItem(key, val); }
|
|
38
|
+
catch (e) {}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
function getFbclid() {
|
|
42
|
+
try {
|
|
43
|
+
return new URLSearchParams(win().location.search).get('fbclid') || sessionGet('fbclid') || '';
|
|
44
|
+
} catch (e) { return ''; }
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
function getFbc() {
|
|
48
|
+
var fbc = getCookie('_fbc');
|
|
49
|
+
if (fbc) return fbc;
|
|
50
|
+
var fbclid = getFbclid();
|
|
51
|
+
return fbclid ? 'fb.1.' + Date.now() + '.' + fbclid : '';
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
function getFbp() {
|
|
55
|
+
return getCookie('_fbp') || '';
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
function getDomainLabel() {
|
|
59
|
+
try {
|
|
60
|
+
var host = (win().location.hostname || '').trim().toLowerCase();
|
|
61
|
+
host = host.replace(/^www\./, '');
|
|
62
|
+
host = host.replace(/[^a-z0-9_-]/g, '-').slice(0, 63);
|
|
63
|
+
return host || 'website';
|
|
64
|
+
} catch (e) {
|
|
65
|
+
return 'website';
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
function generateLeadId() {
|
|
70
|
+
var uuid = '';
|
|
71
|
+
try {
|
|
72
|
+
if (win().crypto && win().crypto.randomUUID) {
|
|
73
|
+
uuid = win().crypto.randomUUID();
|
|
74
|
+
} else if (win().crypto && win().crypto.getRandomValues) {
|
|
75
|
+
var b = win().crypto.getRandomValues(new Uint8Array(16));
|
|
76
|
+
b[6] = (b[6] & 0x0f) | 0x40;
|
|
77
|
+
b[8] = (b[8] & 0x3f) | 0x80;
|
|
78
|
+
var h = [];
|
|
79
|
+
for (var i = 0; i < 16; i++) h.push((b[i] + 0x100).toString(16).slice(1));
|
|
80
|
+
uuid = h[0] + h[1] + h[2] + h[3] + '-' + h[4] + h[5] + '-' + h[6] + h[7] + '-' + h[8] + h[9] + '-' + h[10] + h[11] + h[12] + h[13] + h[14] + h[15];
|
|
81
|
+
}
|
|
82
|
+
} catch (e) {}
|
|
83
|
+
|
|
84
|
+
if (!uuid) {
|
|
85
|
+
uuid = Date.now().toString(36) + '-' + Math.random().toString(36).substring(2, 10);
|
|
86
|
+
}
|
|
87
|
+
return getDomainLabel() + '-' + uuid;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
function captureUtm() {
|
|
91
|
+
try {
|
|
92
|
+
var params = new URLSearchParams(win().location.search);
|
|
93
|
+
var keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid'];
|
|
94
|
+
keys.forEach(function (k) {
|
|
95
|
+
var v = params.get(k);
|
|
96
|
+
if (v) sessionSet(k, v);
|
|
97
|
+
});
|
|
98
|
+
} catch (e) {}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
function getUtm() {
|
|
102
|
+
return {
|
|
103
|
+
source: sessionGet('utm_source'),
|
|
104
|
+
medium: sessionGet('utm_medium'),
|
|
105
|
+
campaign: sessionGet('utm_campaign'),
|
|
106
|
+
term: sessionGet('utm_term'),
|
|
107
|
+
content: sessionGet('utm_content'),
|
|
108
|
+
fbclid: sessionGet('fbclid'),
|
|
109
|
+
gclid: sessionGet('gclid')
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
function createTracker(userConfig) {
|
|
114
|
+
var cfg = userConfig || {};
|
|
115
|
+
var googleSheetUrl = cfg.googleSheetUrl || '';
|
|
116
|
+
var gtmEvent = cfg.gtmEvent || 'lead_form_submitted';
|
|
117
|
+
var safetyTimeoutMs = typeof cfg.safetyTimeoutMs === 'number' ? cfg.safetyTimeoutMs : 800;
|
|
118
|
+
var zoho = cfg.zoho || {};
|
|
119
|
+
var buzlCapi = cfg.buzlCapi || {};
|
|
120
|
+
var whatsapp = cfg.whatsapp || {};
|
|
121
|
+
|
|
122
|
+
captureUtm();
|
|
123
|
+
|
|
124
|
+
/* 1. Push to GTM dataLayer */
|
|
125
|
+
function pushGTM(leadId, payload) {
|
|
126
|
+
if (!cfg.enableGTM) return;
|
|
127
|
+
if (!win().dataLayer) win().dataLayer = [];
|
|
128
|
+
try {
|
|
129
|
+
win().dataLayer.push({
|
|
130
|
+
event: gtmEvent,
|
|
131
|
+
leadId: leadId,
|
|
132
|
+
contact: payload.contact,
|
|
133
|
+
utm: payload.utm,
|
|
134
|
+
pageUrl: win().location.href
|
|
135
|
+
});
|
|
136
|
+
} catch (e) {
|
|
137
|
+
console.warn('[BuzlTracker] GTM push error', e);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
/* 2. Track with Meta Pixel */
|
|
142
|
+
function trackMeta(leadId, payload) {
|
|
143
|
+
if (!cfg.enableMeta || typeof win().fbq !== 'function') return;
|
|
144
|
+
try {
|
|
145
|
+
var customData = {
|
|
146
|
+
content_name: payload.source || 'Lead Form',
|
|
147
|
+
buzl_lead_id: leadId,
|
|
148
|
+
utm_source: payload.utm.source,
|
|
149
|
+
utm_medium: payload.utm.medium,
|
|
150
|
+
utm_campaign: payload.utm.campaign
|
|
151
|
+
};
|
|
152
|
+
win().fbq('trackCustom', 'formSubmitted', customData, { eventID: leadId });
|
|
153
|
+
if (cfg.trackMetaLeadEvent) {
|
|
154
|
+
win().fbq('track', 'Lead', customData, { eventID: leadId });
|
|
155
|
+
}
|
|
156
|
+
} catch (e) {
|
|
157
|
+
console.warn('[BuzlTracker] Meta track error', e);
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
/* 3. Sync to Google Sheets */
|
|
162
|
+
function syncToGoogleSheet(leadId, payload) {
|
|
163
|
+
if (!googleSheetUrl) return Promise.resolve();
|
|
164
|
+
return new Promise(function (resolve) {
|
|
165
|
+
var sheetPayload = {
|
|
166
|
+
timestamp: new Date().toISOString(),
|
|
167
|
+
leadId: leadId,
|
|
168
|
+
name: payload.contact.name || '',
|
|
169
|
+
phone: payload.contact.phone || '',
|
|
170
|
+
email: payload.contact.email || '',
|
|
171
|
+
location: payload.contact.location || cfg.siteLocation || '',
|
|
172
|
+
siteLocation: cfg.siteLocation || '',
|
|
173
|
+
source: payload.source || 'Website Form',
|
|
174
|
+
utm: payload.utm,
|
|
175
|
+
fbclid: getFbclid(),
|
|
176
|
+
fbc: getFbc(),
|
|
177
|
+
fbp: getFbp(),
|
|
178
|
+
eventSourceUrl: win().location.href,
|
|
179
|
+
userAgent: nav().userAgent || '',
|
|
180
|
+
rawFields: payload.rawFields || {}
|
|
181
|
+
};
|
|
182
|
+
|
|
183
|
+
// Attach dynamic fields directly for top-level access
|
|
184
|
+
if (payload.rawFields) {
|
|
185
|
+
for (var rk in payload.rawFields) {
|
|
186
|
+
if (sheetPayload[rk] === undefined) {
|
|
187
|
+
sheetPayload[rk] = payload.rawFields[rk];
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
try {
|
|
193
|
+
win().fetch(googleSheetUrl, {
|
|
194
|
+
method: 'POST',
|
|
195
|
+
mode: 'no-cors',
|
|
196
|
+
headers: { 'Content-Type': 'application/json' },
|
|
197
|
+
body: JSON.stringify(sheetPayload),
|
|
198
|
+
keepalive: true
|
|
199
|
+
}).then(function () { resolve({ status: 'sent' }); })
|
|
200
|
+
.catch(function () { resolve({ status: 'error' }); });
|
|
201
|
+
} catch (e) {
|
|
202
|
+
resolve({ status: 'exception' });
|
|
203
|
+
}
|
|
204
|
+
});
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
/* 4. Sync to Zoho CRM Web-to-Lead */
|
|
208
|
+
function syncToZoho(payload) {
|
|
209
|
+
if (!zoho.endpoint || !zoho.xnQsjsdp) return Promise.resolve();
|
|
210
|
+
return new Promise(function (resolve) {
|
|
211
|
+
try {
|
|
212
|
+
var fd = new FormData();
|
|
213
|
+
fd.append('xnQsjsdp', zoho.xnQsjsdp);
|
|
214
|
+
if (zoho.xmIwtLD) fd.append('xmIwtLD', zoho.xmIwtLD);
|
|
215
|
+
fd.append('actionType', zoho.actionType || 'TGVhZHM=');
|
|
216
|
+
|
|
217
|
+
var fMap = zoho.fields || {};
|
|
218
|
+
var nameField = fMap.lastName || 'Last Name';
|
|
219
|
+
var phoneField = fMap.phone || 'Phone';
|
|
220
|
+
var emailField = fMap.email || 'Email';
|
|
221
|
+
var locationField = fMap.location || 'City';
|
|
222
|
+
var sourceField = fMap.source || 'Lead Source';
|
|
223
|
+
|
|
224
|
+
if (payload.contact.name) fd.append(nameField, payload.contact.name);
|
|
225
|
+
if (payload.contact.phone) fd.append(phoneField, payload.contact.phone);
|
|
226
|
+
if (payload.contact.email) fd.append(emailField, payload.contact.email);
|
|
227
|
+
if (payload.contact.location) fd.append(locationField, payload.contact.location);
|
|
228
|
+
if (payload.source) fd.append(sourceField, payload.source);
|
|
229
|
+
|
|
230
|
+
if (nav().sendBeacon && nav().sendBeacon(zoho.endpoint, fd)) {
|
|
231
|
+
resolve({ status: 'beacon_sent' });
|
|
232
|
+
} else {
|
|
233
|
+
win().fetch(zoho.endpoint, { method: 'POST', body: fd, mode: 'no-cors', keepalive: true })
|
|
234
|
+
.then(function () { resolve({ status: 'sent' }); })
|
|
235
|
+
.catch(function () { resolve({ status: 'error' }); });
|
|
236
|
+
}
|
|
237
|
+
} catch (e) {
|
|
238
|
+
resolve({ status: 'exception' });
|
|
239
|
+
}
|
|
240
|
+
});
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
/* 5. Sync to Server-Side Buzl CAPI */
|
|
244
|
+
function syncToBuzlCAPI(leadId, payload) {
|
|
245
|
+
if (!buzlCapi.endpoint || !buzlCapi.authUser) return Promise.resolve();
|
|
246
|
+
return new Promise(function (resolve) {
|
|
247
|
+
try {
|
|
248
|
+
var capiData = {
|
|
249
|
+
leadId: leadId,
|
|
250
|
+
domain: getDomainLabel(),
|
|
251
|
+
eventName: 'Lead',
|
|
252
|
+
eventTime: Math.floor(Date.now() / 1000),
|
|
253
|
+
actionSource: 'website',
|
|
254
|
+
eventSourceUrl: win().location.href,
|
|
255
|
+
contact: payload.contact,
|
|
256
|
+
source: payload.source,
|
|
257
|
+
fbc: getFbc(),
|
|
258
|
+
fbp: getFbp(),
|
|
259
|
+
fbclid: getFbclid(),
|
|
260
|
+
userAgent: nav().userAgent || '',
|
|
261
|
+
utm: payload.utm
|
|
262
|
+
};
|
|
263
|
+
|
|
264
|
+
win().fetch(buzlCapi.endpoint, {
|
|
265
|
+
method: 'POST',
|
|
266
|
+
headers: {
|
|
267
|
+
'Content-Type': 'application/json',
|
|
268
|
+
'Authorization': 'Basic ' + win().btoa(buzlCapi.authUser + ':' + (buzlCapi.authPass || ''))
|
|
269
|
+
},
|
|
270
|
+
body: JSON.stringify(capiData),
|
|
271
|
+
keepalive: true
|
|
272
|
+
}).then(function () { resolve({ status: 'capi_sent' }); })
|
|
273
|
+
.catch(function () { resolve({ status: 'capi_error' }); });
|
|
274
|
+
} catch (e) {
|
|
275
|
+
resolve({ status: 'capi_exception' });
|
|
276
|
+
}
|
|
277
|
+
});
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
/* Extract contact inputs from a Form element */
|
|
281
|
+
function extractFormFields(form) {
|
|
282
|
+
var data = {};
|
|
283
|
+
var elements = form.elements || [];
|
|
284
|
+
for (var i = 0; i < elements.length; i++) {
|
|
285
|
+
var el = elements[i];
|
|
286
|
+
if (!el.name || el.type === 'submit' || el.type === 'button') continue;
|
|
287
|
+
data[el.name] = el.value;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
// Semantic inference
|
|
291
|
+
var name = data.name || data.fullName || data.bizName || data['first-name'] || data['Last Name'] || '';
|
|
292
|
+
var phone = data.phone || data.mobile || data.tel || data.bizPhone || data['Phone'] || '';
|
|
293
|
+
var email = data.email || data.mail || data['Email'] || '';
|
|
294
|
+
var location = data.location || data.city || data.bizLocation || data['City'] || cfg.siteLocation || '';
|
|
295
|
+
|
|
296
|
+
return {
|
|
297
|
+
contact: { name: name, phone: phone, email: email, location: location },
|
|
298
|
+
rawFields: data
|
|
299
|
+
};
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
/* Main Submit Handler */
|
|
303
|
+
function submitLead(opts) {
|
|
304
|
+
opts = opts || {};
|
|
305
|
+
var leadId = generateLeadId();
|
|
306
|
+
var utm = getUtm();
|
|
307
|
+
var contact = opts.contact || {};
|
|
308
|
+
var source = opts.source || 'Website Form';
|
|
309
|
+
var payload = {
|
|
310
|
+
leadId: leadId,
|
|
311
|
+
contact: contact,
|
|
312
|
+
source: source,
|
|
313
|
+
utm: utm,
|
|
314
|
+
rawFields: opts.rawFields || {}
|
|
315
|
+
};
|
|
316
|
+
|
|
317
|
+
// 1. GTM & Meta client triggers
|
|
318
|
+
pushGTM(leadId, payload);
|
|
319
|
+
trackMeta(leadId, payload);
|
|
320
|
+
|
|
321
|
+
// 2. Race async endpoints against safety timeout
|
|
322
|
+
var safetyTimer = new Promise(function (res) { setTimeout(res, safetyTimeoutMs); });
|
|
323
|
+
var networkPromises = Promise.all([
|
|
324
|
+
syncToGoogleSheet(leadId, payload),
|
|
325
|
+
syncToZoho(payload),
|
|
326
|
+
syncToBuzlCAPI(leadId, payload)
|
|
327
|
+
]);
|
|
328
|
+
|
|
329
|
+
return Promise.race([networkPromises, safetyTimer]).then(function () {
|
|
330
|
+
// Redirection or follow-up
|
|
331
|
+
if (whatsapp.number && opts.redirect !== false) {
|
|
332
|
+
var textTmpl = whatsapp.template || 'Hi, I submitted an inquiry from {name} in {location}.';
|
|
333
|
+
var msg = textTmpl
|
|
334
|
+
.replace(/{name}/g, contact.name || 'my business')
|
|
335
|
+
.replace(/{location}/g, contact.location || '')
|
|
336
|
+
.replace(/{phone}/g, contact.phone || '');
|
|
337
|
+
var waUrl = 'https://wa.me/' + whatsapp.number + '?text=' + encodeURIComponent(msg);
|
|
338
|
+
win().location.href = waUrl;
|
|
339
|
+
}
|
|
340
|
+
return { leadId: leadId, success: true };
|
|
341
|
+
});
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
/* Auto-bind to forms */
|
|
345
|
+
function autoBindForms() {
|
|
346
|
+
var forms = doc().querySelectorAll('form[data-buzl-track], form:not([data-buzl-ignore])');
|
|
347
|
+
forms.forEach(function (f) {
|
|
348
|
+
if (f._buzlBound) return;
|
|
349
|
+
f._buzlBound = true;
|
|
350
|
+
f.addEventListener('submit', function (e) {
|
|
351
|
+
// If form already validated or native
|
|
352
|
+
var extracted = extractFormFields(f);
|
|
353
|
+
var formSource = f.getAttribute('data-buzl-source') || f.getAttribute('id') || 'Form Submission';
|
|
354
|
+
submitLead({
|
|
355
|
+
contact: extracted.contact,
|
|
356
|
+
rawFields: extracted.rawFields,
|
|
357
|
+
source: formSource,
|
|
358
|
+
redirect: f.getAttribute('data-buzl-no-redirect') !== 'true'
|
|
359
|
+
});
|
|
360
|
+
});
|
|
361
|
+
});
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
if (doc().readyState === 'loading') {
|
|
365
|
+
doc().addEventListener('DOMContentLoaded', autoBindForms);
|
|
366
|
+
} else {
|
|
367
|
+
autoBindForms();
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
return {
|
|
371
|
+
version: VERSION,
|
|
372
|
+
submitLead: submitLead,
|
|
373
|
+
getUtm: getUtm,
|
|
374
|
+
getLeadId: generateLeadId,
|
|
375
|
+
autoBindForms: autoBindForms
|
|
376
|
+
};
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
// Global auto-init if config object is defined on window
|
|
380
|
+
var Tracker = {
|
|
381
|
+
version: VERSION,
|
|
382
|
+
init: createTracker
|
|
383
|
+
};
|
|
384
|
+
|
|
385
|
+
if (typeof win().__BUZL_CONFIG__ !== 'undefined') {
|
|
386
|
+
win().buzl = Tracker.init(win().__BUZL_CONFIG__);
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
return Tracker;
|
|
390
|
+
}));
|