Security, Privacy, AI and CSR information for all Piano products now lives in one place. Explore our Compliance Center.
Analytics
English French
English French

Comment marquer une PWA (Progressive Web App) ?

Les Progressive Web Apps (PWA) de Google étant des interfaces HTML5 qui prennent en charge le JavaScript, comme tous les sites classiques, l'approche recommandée consiste à suivre la documentation Piano Analytics Developers.

Notez que si vous avez besoin d'aide à un moment donné de votre marquage, nous proposons un service de conseil dédié : un consultant vous fournit tout le nécessaire, sur site ou à distance, pour réussir votre implémentation. Si cette option vous intéresse, contactez votre chargé de clientèle ou le centre support pour plus d'informations.

Étapes d'implémentation

1. Ajoutez le SDK JavaScript Piano Analytics

Incluez le script du SDK universel sur les pages de votre PWA :

HTML
<script type="text/javascript" crossorigin="anonymous" src="https://tag.aticdn.net/piano-analytics.js"></script>

2. Configurez votre site

Renseignez votre ID de site et votre domaine de collecte :

pa.setConfigurations({
    site: <your_site_id>,
    collectDomain: "https://<your_collect_domain>.pa-cd.com"
    });

3. Envoyez des événements

Mesurez les pages vues avec :

pa.sendEvent("page.display", {
    page: "Page name",
    page_premium: false,
    page_authors: ["Author1", "Author2"]
});

Différencier le trafic PWA du trafic web classique

Comme la plateforme ne détecte pas automatiquement si le trafic provient d'une PWA ou d'un site classique, il est recommandé de :

  • Créer une propriété personnalisée dans votre Data Model pour identifier la source (par exemple, en attribuant des valeurs comme "PWA" ou "Web" selon l'origine du hit).

  • Cette différenciation doit être gérée dans votre marquage afin de pouvoir segmenter et analyser le trafic PWA séparément dans vos rapports.

Last updated: