Google Tag Manager
Commencez et révolutionnez votre façon de collaborer en vous intégrant de manière transparente à vos outils préférés.
Démarrer
L'ajout de votre propre HTML, CSS et JavaScript personnalisé peut être un moyen très puissant de personnaliser encore davantage votre espace de travail.
Avant de continuer, assurez-vous de ce qui suit :
1. Vous devez être administrateur ou propriétaire de l'espace de travail sur lequel vous souhaitez configurer cela.
2. Vous avez besoin de quelques connaissances de base en HTML, CSS et JavaScript.
3. Vous avez besoin d'un compte Google Tag Manager et d'un conteneur. Le compte est gratuit et peut être créé ici.
Après vous être assuré de ces prérequis, nous pouvons commencer.
1. Vous devez d'abord aller dans Paramètres -> Intégrations et cliquer sur l'intégration appelée Google Tag Manager. Saisissez l'ID de votre conteneur Google Tag Manager. L'ID est formaté comme GTM-XXXXXX.
2. Maintenant, vous devez vous rendre sur votre compte Google Tag Manager, cliquer sur Balises et ajouter une nouvelle balise. La configuration de la balise doit être HTML personnalisé et le déclenchement doit être défini sur Chargement.
3. Ajoutez autant de HTML, CSS et JavaScript personnalisés que vous le souhaitez. Vous devez garder à l'esprit qu'Ideanote utilise le DOM fantôme (shadow DOM) ce qui signifie que vous ne pourrez pas ajouter de requêtes globales et de CSS qui peuvent cibler tous les éléments. Au lieu de cela, vous devez injecter le CSS et le HTML dans les composants que vous souhaitez étendre. Voici un exemple de la façon dont vous pouvez ajouter une nouvelle option à la navigation latérale et une nouvelle couleur d'arrière-plan. Si vous avez besoin d'aide, n'hésitez pas à contacter notre équipe de support.
4. Lorsque vous souhaitez publier vos modifications, enregistrez la balise et cliquez sur publier.
5. Retournez à votre espace de travail Ideanote et rechargez la page. Vous devriez maintenant voir les modifications. L'image ci-dessous est basée sur le code de l'étape 3.
