wp gtag

Intégration facile de Google Tag Manager sur WordPress

/ Webmaster, Dossiers

Google Tag Manager (GTM) est un outil puissant permettant d’ajouter et de gérer des balises analytiques et marketing sans modifier directement le code de votre site.

Cependant, beaucoup de plugins existants sont gourmands en ressources et peuvent ralentir votre site.

Dans cet article, nous allons vous montrer comment créer un plugin WordPress ultra-léger qui permet d’intégrer GTM sans impacter les performances.

De nombreux plugins populaires tels que :

ajoutent des fonctionnalités inutiles, des scripts lourds et des appels API supplémentaires, ce qui peut ralentir votre site.

Notre solution ? Un plugin léger, simple et efficace qui insère uniquement ce dont vous avez besoin.

Pourquoi intégrer Google Tag Manager via un plugin personnalisé ?

  1. Évitez les ralentissements causés par des plugins surchargés.
  2. Préservez les performances avec un code propre et optimisé.
  3. Facilité de gestion : modifiez votre ID GTM directement depuis l’administration WordPress.
  4. Aucune modification du thème : évitez les pertes lors des mises à jour.

Création du plugin « GTM Integrator »

Nous allons créer un plugin WordPress nommé GTM Integrator, qui permettra :

  1. D’ajouter un champ d’administration pour entrer l’ID GTM.
  2. D’insérer automatiquement le script GTM dans le footer du site.
  3. De ne pas surcharger votre site avec des fonctionnalités inutiles.

Structure du plugin

plugins/gtm-integrator/ ├── gtm-integrator.php

Code du Plugin

Créez un fichier gtm-integrator.php dans /wp-content/plugins/gtm-integrator/ et copiez-y le code suivant :

<br /><!--?php /** * Plugin Name: GTM Integrator * Plugin URI: https://votre-site.com * Description: Intègre Google Tag Manager dans le footer de votre site sans ralentir WordPress. * Version: 1.1 * Author: Votre Nom * Author URI: https://votre-site.com * License: GPL2 */ // Sécurité : empêcher l'accès direct if (!defined('ABSPATH')) { exit; } // Ajouter une option pour stocker l'ID GTM function gtm_integrator_register_settings() { add_option('gtm_integrator_id', ''); register_setting('gtm_integrator_options_group', 'gtm_integrator_id'); } add_action('admin_init', 'gtm_integrator_register_settings'); // Ajouter une page de réglages dans l'admin function gtm_integrator_register_options_page() { add_options_page( 'GTM Integrator', 'GTM Integrator', 'manage_options', 'gtm-integrator', 'gtm_integrator_options_page' ); } add_action('admin_menu', 'gtm_integrator_register_options_page'); // Formulaire de configuration function gtm_integrator_options_page() { ?--></p><div><h2>GTM Integrator</h2><form action="options.php" method="post"><!--?php settings_fields('gtm_integrator_options_group'); ?--><br /><label for="gtm_integrator_id">Google Tag Manager ID (ex: GTM-XXXXXX) :</label><br /><input id="gtm_integrator_id" name="gtm_integrator_id" type="text" value="&lt;?php echo esc_attr(get_option('gtm_integrator_id')); ?&gt;" /><br /><input type="submit" value="Enregistrer" /></form></div><p><!--?php &lt;br ?--> }</p><p>// Ajouter le script GTM dans le footer du site<br />function gtm_integrator_insert_gtm() {<br />$gtm_id = get_option('gtm_integrator_id');<br />if (!empty($gtm_id)) {<br />echo "<!-- Google Tag Manager (ajouté dans le footer) --><br /><script async src='https://www.googletagmanager.com/gtag/js?id=$gtm_id'></script><br /><script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', '$gtm_id');
</script><br /><!-- Fin Google Tag Manager -->";<br />}<br />}<br />add_action('wp_footer', 'gtm_integrator_insert_gtm');<br />

Pourquoi ce plugin est plus performant ?

Contrairement à des plugins plus lourds comme Google Tag Manager for WordPress ou Site Kit by Google, notre plugin :

  • Ne charge aucun fichier CSS ou JS supplémentaire inutilement.
  • N’effectue pas d’appels API externes autres que ceux de GTM.
  • S’exécute uniquement lorsque c’est nécessaire, sans surcharger WordPress.
  • Insère GTM dans le footer, évitant ainsi de ralentir le chargement du site.

Résultat ? Une meilleure performance et un chargement plus rapide sans dépendance superflue !

Installation et Utilisation

  1. Créez le dossier du plugin dans /wp-content/plugins/.
    Ajoutez le fichier gtm-integrator.php dans ce dossier.
  2. Activez le plugin via l’interface WordPress.
  3. Allez dans « Réglages > GTM Integrator » et entrez votre ID GTM (ex : GTM-XXXXXX).

Articles similaires