Amplitude (Growth)

Configuration du plug-in

Une variante d'un plug-in de destination Amplitude est nécessaire pour transférer les événements vers Contentsquare. Ci-dessous se trouve un modèle de plug-in de destination adapté à Contentsquare. Il crée une instance de l'étiquette de Contentsquare et transfère les événements suivis depuis le SDK d'Amplitude. Ce modèle est personnalisable pour tout besoin.

  import { BrowserConfig, DestinationPlugin, Event, PluginType, Result } from '@amplitude/analytics-types';
  import { default as hj } from '@hotjar/browser';
  export class HotjarPlugin implements DestinationPlugin {
    name = 'hotjar';
    type = PluginType.DESTINATION as const;
    siteId: number;
    hotjarVersion: number;

    constructor(siteId: number, hotjarVersion: number) {
      this.siteId = siteId;
      this.hotjarVersion = hotjarVersion;
    }

    async setup(): Promise<void> {
      hj.init(this.siteId, this.hotjarVersion);
    }

    async execute(event: Event): Promise<Result> {
      if (event.event_type === '$identify') {
        const { user_id, device_id, user_properties } = event;
        const hotjarId = user_id || device_id || '';
        hj.identify(hotjarId, user_properties || {});
      } else {
        hj.event(event.event_type);
      }
      return {
        code: 0,
        event: event,
        message: 'Événement transféré à l'API Hotjar',
      };
    }
  }

Utilisation du plug-in Amplitude

Utilisation du plug-in Amplitude À l'intérieur du code de l'appli, le plug-in peut ensuite être importé et ajouté à l'instance du SDK Amplitude.

  import * as amplitude from '@amplitude/analytics-browser';
  import { HotjarPlugin } from './HotjarPlugin';
  
  amplitude.init(AMPLITUDE_API_KEY);
  amplitude.add(new HotjarPlugin(HOTJAR_SIDE_ID, HOTJAR_VERSION));

  amplitude.logEvent('ouvrir appli');