Collegare HubSpot e OneSignal
Ultimo aggiornamento: settembre 4, 2023
Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:
Marketing Hub Professional , Enterprise |
Sales Hub Professional , Enterprise |
Service Hub Professional , Enterprise |
Operations Hub Professional , Enterprise |
Con l'integrazione di OneSignal, è possibile creare e inviare notifiche push di OneSignal utilizzando flussi di lavoro, visualizzare le notifiche push nelle timeline delle attività dei contatti e segmentare gli utenti in base al coinvolgimento nelle notifiche push.
Requisiti per l'integrazione
- Per collegare OneSignal a HubSpot è necessario essere superamministratori o disporre dei permessi di accesso al mercato delle app.
Collegare l'app
- Nel tuo account HubSpot, fai clic sull’icona del Marketplace marketplace nella barra di navigazione principale, quindi seleziona App Marketplace.
- Utilizzare la barra di ricerca per individuare e selezionare l'integrazione OneSignal.
- In alto a destra, fare clic su Installa app.
- Accedere al proprio account OneSignal.
- Nel riquadro a comparsa, inserire l'ID applicazione e la chiave API dell'account OneSignal.
- Se necessario, fare clic su Aggiungi applicazione per aggiungere un'altra applicazione.
- Fare clic su Installa applicazione.
- Si verrà reindirizzati alla pagina delle applicazioni collegate.
Abbinare l'utente OneSignal all'utente HubSpot
L'integrazione richiede di abbinare l'utente OneSignal ai contatti HubSpot. Gli utenti hanno due opzioni per l'abbinamento:
- Per indirizzo e-mail: gli utenti devono utilizzare la funzione setEmail di OneSignal utilizzando il suo SDK per associare gli utenti OneSignal agli indirizzi e-mail. Questa opzione di abbinamento è disponibile solo per l'azione del flusso di lavoro Invia notifica OneSignal.
- In base all'external_user_id di OneSignal: gli utenti dovranno selezionare la proprietà del contatto HubSpot che desiderano associare all'external_user_id di OneSignal. Per farlo:
- Nel tuo account HubSpot, passa a Gestione dei dati > Integrazioni.
- Fare clic su OneSignal.
- Fare clic su Corrispondenza contatti.
- Dal menu a discesa, selezionare la proprietà del contatto HubSpot che si desidera utilizzare per la corrispondenza con la proprietà external_user_id di OneSignal. Questa opzione di corrispondenza è disponibile sia per le azioni del flusso di lavoro Invia notifiche OneSignal che Modifica tag OneSignal.
Automatizzare le notifiche push di OneSignal
È possibile automatizzare l'invio delle notifiche push di OneSignal utilizzando i flussi di lavoro.
- Nel tuo account HubSpot, passa a Automazioni > Flussi di lavoro.
- In alto a destra, fare clic su Crea flusso di lavoro.
- Nel pannello di sinistra, selezionare Contact-based e fare clic su Next in alto a destra.
- Impostare i trigger di iscrizione.
- Fare clic sull'icona + più per aggiungere un'azione.
- Nel pannello di destra, selezionare Invia notifica OneSignal.
- Fare clic sul menu a discesa Seleziona app per selezionare le app OneSignal collegate.
- Fare clic sul menu a discesa Utilizzare un modello push OneSignal esistente o Creare un nuovo push? e selezionare un modello:
- Per selezionare un modello esistente, fare clic su Usa modelli.
-
- Per creare un nuovo modello, fare clic su Usa configurazione personalizzata e completare i campi richiesti. È possibile utilizzare i token di personalizzazione in questi campi.
- Fare clic su Salva.
- È possibile aggiungere altre azioni al flusso di lavoro.
- Una volta terminata l'impostazione del flusso di lavoro, fare clic su Rivedi in alto a destra.
- Rivedere il flusso di lavoro impostato e fare clic su Attiva in alto a destra.
Automatizzare i tag OneSignal per attivare la messaggistica in-app
Utilizzate i flussi di lavoro per attivare la messaggistica in-app nella vostra app OneSignal.
- Nel tuo account HubSpot, passa a Automazioni > Flussi di lavoro.
- In alto a destra, fare clic su Crea flusso di lavoro.
- Nel pannello di sinistra, selezionare Contact-based (basato sui contatti), quindi fare clic su Next (Avanti) in alto a destra.
- Impostare i trigger di iscrizione.
- Fare clic sull'icona + più per aggiungere un'azione.
- Nel pannello di destra, selezionare Modifica tag OneSignal.
- Fare clic sui menu a discesa Seleziona app per selezionare le app OneSignal collegate.
- Inserire la stringa JSON con le coppie {"key" : "value" } che si desidera modificare. Per saperne di più sull'uso dei tag di dati OneSignal.
- Fare clic su Salva.
- È possibile aggiungere altre azioni al flusso di lavoro.
- Una volta terminata l'impostazione del flusso di lavoro, fare clic su Rivedi in alto a destra.
- Rivedere la configurazione del flusso di lavoro e fare clic su Attiva.
La modifica dei tag di OneSignal può anche attivare la messaggistica in-app in OneSignal. Per sapere come fare, consultate la guida di OneSignal.
Utilizzare gli invii di moduli HubSpot per collegare i contatti HubSpot agli utenti OneSignal
Per utilizzare questa funzionalità, assicuratevi di aver aggiunto il codice appropriato dalle impostazioni di OneSignal Web Push all'HTML delle vostre pagine.
Per catturare e trasmettere gli indirizzi e-mail a OneSignal, sono disponibili due opzioni:
- Inserire globalmente il seguente codice nella <head> ... </head> per applicarlo a tutti gli invii di moduli:
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);
});
}
});
- Modificare direttamente lo script embed di uno dei vostri moduli HubSpot. Dovrete inserire l'ID del portale e l'ID del modulo del vostro account. Ecco un esempio:
<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>