Script Tag Embed

Method 1: Global API (recommended)

<script src="https://app.bricqs.ai/embed.js"></script>
<div data-bricqs-id="YOUR_ENGAGEMENT_UUID" id="my-quiz"></div>

<script>
  // Wait for the embed to initialize
  window.addEventListener('bricqs:ready', function(e) {
    var bricqs = e.detail;

    // Activity completed (quiz answered, form submitted, etc.)
    bricqs.on('activity:completed', function(data) {
      console.log('Activity done!', data.activityType);
      console.log('Score:', data.score);
    });

    // Points awarded
    bricqs.on('points:awarded', function(data) {
      console.log('+' + data.points + ' points!');
      // Update your app's points display
      document.getElementById('my-points').textContent = data.newBalance;
    });

    // Badge unlocked
    bricqs.on('badge:unlocked', function(data) {
      console.log('Badge earned:', data.badgeName);
      showToast('You earned the ' + data.badgeName + ' badge!');
    });

    // Reward claimed (coupon code, voucher, etc.)
    bricqs.on('reward:claimed', function(data) {
      console.log('Reward:', data.rewardName);
      console.log('Code:', data.codeValue);
      showCouponModal(data.codeValue, data.expiresAt);
    });

    // Tier upgraded
    bricqs.on('tier:changed', function(data) {
      console.log('New tier:', data.tierName);
    });

    // Engagement fully completed (all activities done)
    bricqs.on('engagement:completed', function(data) {
      console.log('All done!');
      redirectToThankYou();
    });
  });
</script>

Method 2: PostMessage (advanced)

For environments where global scripts are restricted, you can listen for PostMessage events directly.

window.addEventListener('message', function(event) {
  // Always verify the origin
  if (event.origin !== 'https://app.bricqs.ai') return;

  var data = event.data;
  if (data.type === 'bricqs:activity:completed') {
    console.log('Activity completed:', data.payload);
  }
  if (data.type === 'bricqs:points:awarded') {
    console.log('Points awarded:', data.payload.points);
  }
  if (data.type === 'bricqs:reward:claimed') {
    console.log('Reward code:', data.payload.codeValue);
  }
});