Comment activer l'analyse dynamique des pages (Vue.js)

Question

Je crée un site Web sur lequel les utilisateurs peuvent créer de nouvelles pages à l'aide d'URL dynamiques. Je souhaite ajouter des analyses de trafic à chaque page individuellement et permettre aux utilisateurs de visualiser un tableau de bord des données collectées pour les pages qu'ils ont créées (affichage uniquement, ils ne devraient pas pouvoir modifier un tableau de bord donné). Cela devrait également être automatisé afin que lorsque de nouveaux utilisateurs s'inscrivent et créent leurs propres pages, ils soient automatiquement suivis.

Cela devrait fonctionner dans Vue.js si possible, mais tout ce qui fonctionne avec Vanilla JS devrait également convenir.

Est-ce possible en utilisant Google Analytics ou un outil alternatif similaire ? Est-ce cher?

Answer 1

De nos jours, la plupart des applications Web sont des applications à page unique ou des applications Web côté client. Cela signifie que la plupart des plateformes d'analyse telles que GA, etc. peuvent fonctionner avec votre application Web.

Cependant, vous devez mettre en œuvre votre analyse d'une manière spécifique afin de capturer les métriques requises. Je pense qu'utiliser Google Tag Manager et créer un DataLayer facilitera les choses à long terme. Une fois la couche de données disponible, vous pouvez utiliser ces données avec n'importe quel outil d'analyse.

Pour suivre les modifications de l'affichage de l'écran, vous pouvez utiliser n'importe quel déclencheur personnalisé disponible dans votre application pour notifier les modifications de l'affichage de l'écran ou vous pouvez utiliser les modifications de l'historique comme mentionné ici : Google Tag Manager et applications à page unique.

Vous pouvez également utiliser les modifications d'application ci-dessus Voici un itinéraire simple pour remplir la couche de données et utiliser les valeurs de la couche de données dans toute analyse, y compris GA.

Une autre option consiste à utiliser vue-analytics . L'auteur fournit une documentation facile à comprendre et la branche est ici

De cette façon, toutes les nouvelles pages, etc. ajoutées seront automatiquement suivies.

J'espère que cela vous aidera.