``` Uncaught ReferenceError: client is not defined ```

D

daveOP•2/24/23, 5:43 PM

<script>
console.debug("hello");
console.debug("{{ client.demo }}");
console.debug("{{ client.value }}");
console.debug("{{ demo.value }}");
console.debug("{{ demo }}");
console.debug(client);
debugger;
</script>

<script>
console.debug("hello");
console.debug("{{ client.demo }}");
console.debug("{{ client.value }}");
console.debug("{{ demo.value }}");
console.debug("{{ demo }}");
console.debug(client);
debugger;
</script>

<script>
console.debug("hello");
console.debug("{{ client.demo }}");
console.debug("{{ client.value }}");
console.debug("{{ demo.value }}");
console.debug("{{ demo }}");
console.debug(client);
debugger;
</script>

<script>
console.debug("hello");
console.debug("{{ client.demo }}");
console.debug("{{ client.value }}");
console.debug("{{ demo.value }}");
console.debug("{{ demo }}");
console.debug(client);
debugger;
</script>

D

daveOP•2/24/23, 5:47 PM

I don't think I can pass anything in?

D

daveOP•2/24/23, 5:50 PM

one sec

D

daveOP•2/24/23, 5:52 PM

An error occurred while logging client.demo: ReferenceError: client is not defined

An error occurred while logging client.value: ReferenceError: client is not defined

An error occurred while logging demo.value: ReferenceError: demo is not defined

An error occurred while logging demo: ReferenceError: demo is not defined

An error occurred while logging client: ReferenceError: client is not defined

An error occurred while logging client.demo: ReferenceError: client is not defined

An error occurred while logging client.value: ReferenceError: client is not defined

An error occurred while logging demo.value: ReferenceError: demo is not defined

An error occurred while logging demo: ReferenceError: demo is not defined

An error occurred while logging client: ReferenceError: client is not defined

An error occurred while logging client.demo: ReferenceError: client is not defined

An error occurred while logging client.value: ReferenceError: client is not defined

An error occurred while logging demo.value: ReferenceError: demo is not defined

An error occurred while logging demo: ReferenceError: demo is not defined

An error occurred while logging client: ReferenceError: client is not defined

An error occurred while logging client.demo: ReferenceError: client is not defined

An error occurred while logging client.value: ReferenceError: client is not defined

An error occurred while logging demo.value: ReferenceError: demo is not defined

An error occurred while logging demo: ReferenceError: demo is not defined

An error occurred while logging client: ReferenceError: client is not defined

D

daveOP•2/24/23, 5:59 PM

is there realllllly no way to reference zaraz vars?

D

daveOP•2/24/23, 6:12 PM

hmm, I need to read up on javascript proxy objects to see if I can intercept the zaraz.track method

let my_proxy = new Proxy(zaraz, {
    track: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return target.track(args);
    },
    construct: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return Reflect.construct(...arguments)
    },
    apply: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return target.apply(args);
    },
});

let my_proxy = new Proxy(zaraz, {
    track: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return target.track(args);
    },
    construct: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return Reflect.construct(...arguments)
    },
    apply: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return target.apply(args);
    },
});

let my_proxy = new Proxy(zaraz, {
    track: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return target.track(args);
    },
    construct: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return Reflect.construct(...arguments)
    },
    apply: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return target.apply(args);
    },
});

let my_proxy = new Proxy(zaraz, {
    track: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return target.track(args);
    },
    construct: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return Reflect.construct(...arguments)
    },
    apply: function(target, that, args) {
        console.log(`function called ${target.name}`);
        return target.apply(args);
    },
});

D

daveOP•2/24/23, 6:23 PM

Oh I can do this it seems.

const zaraz_stock_track = zaraz.track
zaraz.track = function() {
    console.log("INTERCEPTING TRACK", arguments);
    return zaraz_stock_track.apply(this, arguments);
}
zaraz.track("purchase", {value: 200, currency: "USD"})

const zaraz_stock_track = zaraz.track
zaraz.track = function() {
    console.log("INTERCEPTING TRACK", arguments);
    return zaraz_stock_track.apply(this, arguments);
}
zaraz.track("purchase", {value: 200, currency: "USD"})

const zaraz_stock_track = zaraz.track
zaraz.track = function() {
    console.log("INTERCEPTING TRACK", arguments);
    return zaraz_stock_track.apply(this, arguments);
}
zaraz.track("purchase", {value: 200, currency: "USD"})

const zaraz_stock_track = zaraz.track
zaraz.track = function() {
    console.log("INTERCEPTING TRACK", arguments);
    return zaraz_stock_track.apply(this, arguments);
}
zaraz.track("purchase", {value: 200, currency: "USD"})

D

daveOP•2/24/23, 6:28 PM

oh even better:

zaraz = new Proxy(zaraz, {
  get: function(target, property, receiver) {
    if (property === 'track') {
      return function() {
        console.log('Intercepting track:', arguments);
        return target.track.apply(target, arguments);
      };
    } else {
      return Reflect.get(target, property, receiver);
    }
  }
});

zaraz = new Proxy(zaraz, {
  get: function(target, property, receiver) {
    if (property === 'track') {
      return function() {
        console.log('Intercepting track:', arguments);
        return target.track.apply(target, arguments);
      };
    } else {
      return Reflect.get(target, property, receiver);
    }
  }
});

zaraz = new Proxy(zaraz, {
  get: function(target, property, receiver) {
    if (property === 'track') {
      return function() {
        console.log('Intercepting track:', arguments);
        return target.track.apply(target, arguments);
      };
    } else {
      return Reflect.get(target, property, receiver);
    }
  }
});

zaraz = new Proxy(zaraz, {
  get: function(target, property, receiver) {
    if (property === 'track') {
      return function() {
        console.log('Intercepting track:', arguments);
        return target.track.apply(target, arguments);
      };
    } else {
      return Reflect.get(target, property, receiver);
    }
  }
});

D

daveOP•2/24/23, 6:30 PM

final thing:

if(zaraz) {
    zaraz = new Proxy(zaraz, {
        get: function(target, property, receiver) {
            if (property === 'track') {
                return function() {
                    console.log('Intercepting track:', arguments);
                    return target.track.apply(target, arguments);
                };
            } 
            else {
                return Reflect.get(target, property, receiver);
            }
        }
    });
}

if(zaraz) {
    zaraz = new Proxy(zaraz, {
        get: function(target, property, receiver) {
            if (property === 'track') {
                return function() {
                    console.log('Intercepting track:', arguments);
                    return target.track.apply(target, arguments);
                };
            } 
            else {
                return Reflect.get(target, property, receiver);
            }
        }
    });
}

if(zaraz) {
    zaraz = new Proxy(zaraz, {
        get: function(target, property, receiver) {
            if (property === 'track') {
                return function() {
                    console.log('Intercepting track:', arguments);
                    return target.track.apply(target, arguments);
                };
            } 
            else {
                return Reflect.get(target, property, receiver);
            }
        }
    });
}

if(zaraz) {
    zaraz = new Proxy(zaraz, {
        get: function(target, property, receiver) {
            if (property === 'track') {
                return function() {
                    console.log('Intercepting track:', arguments);
                    return target.track.apply(target, arguments);
                };
            } 
            else {
                return Reflect.get(target, property, receiver);
            }
        }
    });
}

JJack_metamark hello master, what is problem? GET https://rucitanijaya.com/cdn-cgi/zaraz/s.js?...

T

Tom Klein•3/1/23, 9:50 AM

Seems like it's currently loading when visiting your website. Are you still facing this issue?

Nniceglasses Hi everyone, glad to be here now and get to know you all- Has anybody figured o...

B

Beto Garcia•3/2/23, 10:56 AM

I'm using it with AMP Stories, Amp pages and it's working perfectly, including support for GA4

T

Tomleads•3/2/23, 3:13 PM

Hi, I have a question about sending info to GA4.

I have a trigger and action setup. When I fire:

window.zaraz.track('click', { foo: 'hi mates' })

window.zaraz.track('click', { foo: 'hi mates' })

window.zaraz.track('click', { foo: 'hi mates' })

window.zaraz.track('click', { foo: 'hi mates' }) it sends the event in the Network tab, and I can see the event fire.
In the GA dashboard I can see the event correctly 'WhatIsThis' but how can I see if the JSON has been sent? It's not there if I click it.

Apologies if this is more of a GA4 thing but I'm not sure if Zaraz is sending the information correctly either.

T

Tomleads•3/2/23, 4:11 PM

Sorted the above. Where you add/edit an Action, you need to 'Add Field'. Then choose 'Add custom field' and give it a name you want to see displayed in GA. Then in the blank box on the right, add

{{client.WHATEVER_YOUR_VALUE_IS}}

{{client.WHATEVER_YOUR_VALUE_IS}}

{{client.WHATEVER_YOUR_VALUE_IS}}

{{client.WHATEVER_YOUR_VALUE_IS}} and it will come through to GA

That's in the docs, at the bottom. https://developers.cloudflare.com/zaraz/web-api/track/

zaraz.track · Cloudflare Zaraz docs

You can use zaraz.track() anywhere inside the tag of a page.

�

𝖆𝖚𝖙𝖎𝖘𝖙•3/8/23, 11:09 AM

Hey there, any ideas why this ain't working anymore?

G

gumzle•3/8/23, 11:32 AM

Hi can someone help - I have configured Zaraz to auto-inject the script, but it's not doing it. The DNS is proxying which is the requirement I believe.

�

𝖆𝖚𝖙𝖎𝖘𝖙•3/8/23, 6:59 PM

Found the error source, had to update the upper line to the lower one

``` Uncaught ReferenceError: client is not defined ```

Similar Threads

Similar Threads

Similar Threads