Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.

Connecter HubSpot et OneSignal

Dernière mise à jour: septembre 4, 2023

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Marketing Hub   Pro , Enterprise
Sales Hub   Pro , Enterprise
Service Hub   Pro , Enterprise
Operations Hub   Pro , Enterprise

Avec l'intégration OneSignal, vous pouvez créer et envoyer des notifications push OneSignal à l'aide de workflows, afficher les notifications push sur les chronologies d'activité des contacts et segmenter les utilisateurs en fonction de leur engagement avec les notifications push

Prérequis d'intégration

Connecter l'application

  • Dans votre compte HubSpot, cliquez sur l'icône Marketplaces marketplace dans la barre de navigation principale, puis sélectionnez Marketplace des applications.
  • Utilisez la barre de recherche pour localiser et sélectionner l'intégration OneSignal.
  • Dans l'angle supérieur droit, cliquez sur Installer l'application.
  • Connectez-vous à votre compte OneSignal.
  • Dans la boîte contextuelle, saisissez votre identifiant d'application et la clé d'API depuis votre compte OneSignal.
  • Si nécessaire, cliquez sur Ajouter une application pour ajouter une autre application.
  • Cliquez sur Installer l'application.
  • Vous serez redirigé vers la page Applications connectées.

Faites correspondre votre utilisateur OneSignal à votre utilisateur HubSpot

L'intégration nécessite de faire correspondre votre utilisateur OneSignal aux contacts HubSpot. Les utilisateurs ont deux options pour la correspondance :

  • Par adresse e-mail: les utilisateurs doivent utiliser la fonction setEmail de OneSignal à l'aide de leur SDK pour associer les utilisateurs de OneSignal à des adresses e-mail. Cette option de correspondance n'est disponible que pour l'action de workflow Envoyer une notification OneSignal.
  • Par OneSignal external_user_id: les utilisateurs devront sélectionner la propriété du contact HubSpot qu'ils veulent faire correspondre avec l'external_user_id dans OneSignal. Pour ce faire :
    • Depuis votre compte HubSpot, accédez à Gestion des données > Intégrations.
    • Cliquez sur OneSignal.
    • Cliquez sur Correspondance de contacts.
    • Dans le menu déroulant, sélectionnez la propriété du contact HubSpot que vous souhaitez utiliser pour la mise en correspondance avec le OneSignal external_user_id de OneSignal. Cette option de correspondance est disponible pour les actions de workflow Envoyer des notifications OneSignal et Modifier les balises OneSignal.

Automatiser les notifications push de OneSignal

Vous pouvez automatiser l'envoi de notifications push OneSignal à l'aide de workflows.

  • Dans votre compte HubSpot, accédez à Automatisations > Workflows.
  • Dans l'angle supérieur droit, cliquez sur Créer un workflow.
  • Dans le panneau de gauche, sélectionnez Basé sur les contacts et cliquez sur Suivant dans l'angle supérieur droit.
  • Définissez vos déclencheurs d'inscription.
  • Cliquez sur l'icône + plus pour ajouter une action.
  • Dans le volet droit, sélectionnez Envoyer une notification OneSignal.
oneignal-notification

La notification push apparaîtra comme une activité sur la chronologie de l'enregistrement du contact. 
 
onesignal-timeline


Automatiser les balises OneSignal pour déclencher la messagerie in-app

Utilisez des workflows pour déclencher des messages dans votre application OneSignal. 

  • Dans votre compte HubSpot, accédez à Automatisations > Workflows.
  • Dans le coin supérieur droit, cliquez sur Créer un workflow.
  • Dans le panneau de gauche, sélectionnez Contact-based, puis cliquez sur Next dans le coin supérieur droit.
  • Définissez vos déclencheurs d'inscription.
  • Cliquez sur l'icône + plus pour ajouter une action.
  • Dans le panneau de droite, sélectionnez Modifier les balises OneSignal
onesignal-tags
  • Cliquez sur les menus déroulants Select App pour sélectionner vos applications OneSignal connectées.
  • Saisissez la chaîne JSON contenant les paires {"key" : "value" } que vous souhaitez modifier. En savoir plus sur l'utilisation des balises de données OneSignal.
  • Cliquez sur Enregistrer.
  • Vous pouvez ajouter des actions supplémentaires à votre Workflow.
  • Lorsque vous avez configuré votre workflow, cliquez sur Vérifier dans l'angle supérieur droit.
  • Vérifiez la configuration de votre Workflow et cliquez sur Activer.

La modification des balises OneSignal peut également alimenter la messagerie in-app dans OneSignal. Consultez le guide de OneSignal pour savoir comment procéder. 

Utiliser les soumissions de formulaires HubSpot pour lier les contacts HubSpot aux utilisateurs OneSignal 

Pour utiliser cette fonctionnalité, assurez-vous que le code approprié de vos paramètres OneSignal Web Push a été ajouté à l'en-tête HTML de vos pages. 

Vous avez deux solutions pour capturer et transmettre des adresses e-mail à OneSignal :

  1. Placez les éléments suivants globalement dans votre . <head>. </head>. pour les appliquer à toutes les soumissions de formulaires :

window.addEventListener('message', event => {
if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmit') {
OneSignal.push(function() {
OneSignal.setEmail($("input[name=email]").val())
.then(function(emailId) {
// Callback called when email have finished sending
console.log("emailId: ", emailId);
});
}
});

  1. Modifiez le script d'intégration pour l'un de vos formulaires HubSpot directement. Vous devrez insérer votre ID de portail et votre ID de formulaire depuis votre compte. En voici un exemple :

    <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
    <script>
    hbspt.forms.create({
    region: "na1",
    portalId: "YOUR PORTAL ID",
    formId: "YOUR FORM ID",
    onFormSubmit: function($form) {
    OneSignal.push(function() {
    OneSignal.setEmail($("input[name=email]").val())
    .then(function(emailId) {
    // Callback called when email have finished sending
    console.log("emailId: ", emailId);
    });
    });
    }
    });
    </script>
Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.