Custom Analytics
theshad.eth edited this page Jul 23, 2022
·
2 revisions
How can you add analytics to your minting website? You should follow this guide, but you might need some basic coding skills or know a dev who can help.
Currently, we support tracking these events:
connect-wallet-success
whitelist-mint-button-click
whitelist-mint-success
whitelist-mint-reject
whitelist-mint-error
public-sale-mint-button-click
public-sale-mint-success
public-sale-mint-reject
public-sale-mint-error
To track ones you're interested in, append this code block to your Webflow Embed block AFTER your buildship script:
<script>
// example tracking event with data
analytics.addEventListener('connect-wallet-success', (data) => console.log('connect-wallet-success', data));
// track event into your Google Analytics
analytics.addEventListener('connect-wallet-success', () => ga('send', 'event', 'WalletConnected'));
// track event into your Facebook Pixel
analytics.addEventListener('connect-wallet-success', () => fbq('track', 'WalletConnected'));
// track many events at once:
analytics.addEventListener('public-sale-mint-success', () => ym(99999, 'reachGoal', 'MintSuccess'));
analytics.addEventListener('public-sale-mint-error', () => ym(99999, 'reachGoal', 'MintError'));
analytics.addEventListener('public-sale-mint-reject', () => ym(99999, 'reachGoal', 'MintReject'));
</script>
Full example:
<script>
CONTRACT_ADDRESS = "YOUR CONTRACT ADDRESS HERE"
NETWORK_ID = 1
</script>
<script src="https://widget-presale.buildship.xyz/static/js/main.js"></script>
<link href="https://widget-presale.buildship.xyz/static/css/main.css" rel="stylesheet">
<script>
analytics.addEventListener('public-sale-mint-success', () => ym(99999, 'reachGoal', 'MintSuccess'));
analytics.addEventListener('public-sale-mint-error', () => ym(99999, 'reachGoal', 'MintError'));
analytics.addEventListener('public-sale-mint-reject', () => ym(99999, 'reachGoal', 'MintReject'));
</script>
If this doesn't work, first check your browser console for errors, and see if it outputs "ANALYTICS" when events are happening.