De Hubspot à Google Sheets avec JavaScript

Parfois, les projets qui semblent les plus simples se révèlent être les plus complexes. Par exemple, une demande de création d’un tableau de bord pour suivre les pistes de vente. Bien qu’il ait été moins simple que d’introduire des données dans quelques tableaux et graphiques, le résultat final a permis à notre équipe de vente et de marketing de transformer ce qui n’était qu’un simple exercice de suivi des prospects en un outil d’aide à la vente.

Chez DOOR3, nous utilisons Hubspot, qui fait généralement un bon travail de suivi des ventes et des prospects, mais nous voulions un moyen dynamique de montrer activement toutes les données les plus récentes en un seul endroit. Nous avons décidé qu’il était temps de construire un tableau de bord qui pourrait tout regrouper pour l’équipe.

Trouver la bonne solution

J’ai commencé par explorer les options prêtes à l’emploi disponibles. J’ai expérimenté quelques plateformes, telles que Databox et Power BI, mais j’ai finalement constaté qu’elles ne pouvaient pas faire ce que nous voulions. Les plateformes existantes fournissent leurs propres outils pour extraire les données. Cependant, nous avons constaté que notre équipe souhaitait parfois une fonction très spécifique à notre organisation, ce qui signifiait qu’il était préférable d’avoir un contrôle total. En particulier, cela nous a permis d’intégrer d’autres sources de données à l’avenir.

Finalement, après toutes mes recherches, j’ai décidé d’opter pour une implémentation de Google Sheets à l’aide de Google Apps Script. “Vous vous êtes contenté d’une simple feuille de calcul ? Le formatage d’une feuille de calcul présente en effet de nombreux avantages, notamment en termes de lisibilité et de création de graphiques. Google Apps Script est une plateforme de développement rapide d’applications, qui m’a permis d’écrire du code en JavaScript et d’avoir accès aux bibliothèques intégrées pour les applications de l’espace de travail Google, ce qui nous a permis de contrôler tous les aspects de notre feuille de calcul Google. Le fait que notre mise en œuvre puisse être programmée dans un langage qui m’était déjà familier et qu’elle offre la possibilité de créer les options de personnalisation robustes et le contrôle des données que nous recherchions avec peu de frais généraux et à grande vitesse a été très utile. Tout s’est parfaitement aligné.

Malgré cela, j’ai rencontré quelques difficultés lors de la création du tableau de bord. Le principal problème était la courbe d’apprentissage : Il n’y avait pas beaucoup d’informations en ligne sur la façon de faire quelque chose comme ça. J’ai dû lire beaucoup de documentation et comparer mon travail à celui d’autres personnes sur Stack Overflow et d’autres forums similaires. J’ai commencé par des essais et des erreurs, en faisant de petites requêtes demandant des données à Hubspot à partir de mes scripts. Hubspot renvoie les données en JSON, ce qui nous permet de travailler avec les données Hubspot en tant qu’objets Javascript. Une fois les requêtes configurées, il a été facile d’effectuer des calculs et d’adapter le tableau de bord à nos besoins. Il suffit de trier, de formater et d’afficher les données comme vous le souhaitez. J’ai ajouté des éléments de conception tels que des graphiques, des couleurs, etc. une fois que l’équipe a été satisfaite du travail préliminaire.

Une plateforme puissante

Au final, nous avons obtenu un tableau de bord robuste qui permet aux utilisateurs de cliquer sur une affaire ou une entreprise et d’accéder directement à son profil dans Hubspot, où ils peuvent apporter des modifications qui se reflètent dynamiquement dans le tableau de bord. Cela permet de rationaliser les réunions de vente et de marketing et donne à l’équipe la possibilité de voir facilement ce sur quoi tout le monde travaille. Ces tableaux de bord rendent nos projections de vente plus intelligentes et plus faciles à générer. En même temps, nous bénéficions vraiment de la facilité avec laquelle nous pouvons communiquer autour de nos tableaux de bord. Comme tous les membres de l’équipe savent utiliser Google Sheets, ils peuvent facilement me dire comment ils souhaitent voir les données ou apporter des améliorations à la conception.

Mieux encore, le code que nous avons créé est un exemple concret de la manière dont on peut extraire et manipuler les données de Hubspot, et il constitue une excellente base sur laquelle nous pouvons nous appuyer. Très franchement, c’est ce que j’aurais aimé avoir au début. Pour en savoir plus sur le fonctionnement du code, y compris un lien vers le dépôt de code, restez à l’écoute de mon prochain article.