integration.js

// We define the HotJar object if this has not been done already
window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments)};

// We get the decision in a string
let decisionString = window.optimizely.get('state').getDecisionString({
  campaignId: campaignId,
  shouldCleanString:true,
  maxLength:50
});

if (extension.mask_long_numbers === 'true') {
  // Mask any sequences of 9 or more digits to avoid PII filter from Hotjar
  const maskIdRegex = /(\d{3})\d{3,}(\d{3})/g;
  variationId = variationId.replaceAll(maskIdRegex, '$1...$2');
  decisionString = decisionString.replaceAll(maskIdRegex, '$1...$2');
}

if (extension.heatmaps === 'true') {
  // If the visitor is in the holdback
  if (isHoldback === true) {
    // We trigger the heatmap
    hj('trigger', `${extension.javascript_trigger}_holdback`);
  } else {
    // We trigger the heatmap
    hj('trigger', `${extension.javascript_trigger}_${variationId}`);
  }
}

if (extension.recordings === 'true') {
  // We tag recordings with experiment info
  hj('tagRecording', [decisionString]);
}