HubSpotとOneSignalを接続する。
更新日時 2023年 2月 2日
OneSignalとの連携により、ワークフローを使ったOneSignalプッシュ通知の作成・送信、コンタクトのアクティビティタイムライン上でのプッシュ通知の表示、プッシュ通知へのエンゲージメントに基づくユーザーのセグメント化が可能です。
ご注意ください。スーパー管理者であること、またはスーパー管理者であることが必要です。アプリマーケットプレイスアクセスsの権限が必要です。
アプリを接続する
- HubSpotアカウントにて、メインのナビゲーションバーに表示される[マーケットプレイスアイコンmarketplace ]をクリックし、[アプリマーケットプレイス]を選択します。
- 検索バーを使用してOneSignal連携を検索して選択します。
- 右上の[アプリをインストール]をクリックします。
- OneSignalのアカウントにログインしてください。
- ポップアップボックスに、ご使用のOneSignalアカウントの[アプリケーションID]と[APIキー]を入力します。
- 必要に応じて、[アプリケーションの追加]をクリックして、別のアプリケーションを追加します。
- [アプリをインストール]をクリックします。
- [接続済みアプリ]ページにリダイレクトされます。
OneSignalのユーザーとHubSpotのユーザーをマッチングさせます。
統合には、OneSignalのユーザーとHubSpotのコンタクトをマッチングさせる必要があります。ユーザーは、2つのマッチング方法を選択できます。
- Eメールの場合:ユーザはOneSignalのSDKを利用してOneSignalのSDKを使用して、OneSignalのsetEmail関数を使用して、OneSignalのユーザーとEメールを関連付けする必要があります。このマッチングオプションは、Send OneSignal通知ワークフローアクションでのみ利用可能です。
- By OneSignal external_user_id : ユーザーは、OneSignalのexternal_user_idとマッチさせたいHubSpotのコンタクトプロパティを選択する必要があります。次の手順に従ってください。
- HubSpotアカウントにて、メインのナビゲーションバーに表示される[マーケットプレイスアイコン marketplace ]をクリックします。[管理]の下に表示される[接続されたアプリ]を選択します。
- [OneSignal]をクリックします。
- コンタクトマッチング]をクリックします。
- ドロップダウンメニューから、OneSignalとのマッチングに使用するHub Spotコンタクトのプロパティーを選択します。external_user_idプロパティーを選択します。このマッチングオプションは、OneSignal通知の送信とOneSignalタグの編集の両方のワークフローアクションで利用可能です。
OneSignalのプッシュ通知を自動化する
ワークフローを利用して、OneSignalのプッシュ通知の送信を自動化することができます。
- HubSpotアカウントにて、[自動化] > [ワークフロー]の順に進みます。
- 右上の[ワークフローを作成]をクリックします。
- 左側のパネルで、[コンタクトベース]を選択し、右上の[次へ]をクリックします。
- 登録トリガーを設定します。
- アクションを追加するには、+プラスアイコンをクリックします。
- 右側のパネルで、[Send OneSignal notification(OneSignal通知を送信)]を選択します。
- Select Appドロップダウンメニューをクリックして、接続しているOneSignalのアプリを選択します。

- 既存のOneSignal Push Templateを使用するか、新しいPushを作成するか?ドロップダウンメニューをクリックし、テンプレートオプションを選択します。
- 既存のテンプレートを選択する場合は、「テンプレートを使用する」をクリックします。
-
- 新しいテンプレートを作成するには、「Use custom configuration」をクリックし、必要なフィールドを入力します。これらのフィールドにはパーソナライゼーショントークンを使用することができます。
- [保存]をクリックします。
- ワークフローにアクションを追加することができます。
- ワークフローの設定が完了したら、右上の[確認]をクリックします。
- ワークフローの設定を確認し、右上の[有効にする]をクリックします。

OneSignalタグによるアプリ内メッセージの自動化
ワークフローを使用して、OneSignalアプリでアプリ内メッセージングをトリガーします。
- HubSpotアカウントにて、[自動化] > [ワークフロー]の順に進みます。
- 右上の[ワークフローを作成]をクリックします。
- 左のパネルで「コンタクトベース」を選択し、右上の「次へ」をクリックします。
- 登録トリガーを設定します。
- アクションを追加するには、+プラスアイコンをクリックします。
- 右側のパネルで、「OneSignalタグの編集」を選択します。

- Select Appドロップダウンメニューをクリックし、接続するOneSignalアプリを選択します。
- 編集したい{ "key" : "value" }のペアを持つJSON文字列を入力してください。使用方法の詳細はこちらOneSignalのデータタグ .
- [保存]をクリックします。
- アクションを追加することができます。ワークフローにアクションを追加することができます。 .
- ワークフローの設定が完了したら、右上の[確認]をクリックします。
- ワークフローの設定を確認し、[オンにする]をクリックします。
OneSignalのタグを編集することで、OneSignalのアプリ内メッセージングを強化することもできます。その手順については、OneSignalのガイドを参照してください。
HubSpotフォーム送信を使用して、HubSpotコンタクトをOneSignalユーザーにリンクします。
この機能を使用するには、以下のコードを使用していることを確認してください。OneSignal Webプッシュ設定の適切なコードをページのヘッドHTMLに追加してください。
Eメールアドレスを取得してOneSignalに渡すには、次の2つのオプションがあります。
- フォームの送信にまたがって適用されるように、以下のようにグローバルに配置します<head>。</head>
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) {)
// Eメールの送信が完了したらコールバックが呼ばれる
console.log("emailId: ", emailId);
});
}
});
- いずれかのHubSpotフォームに埋め込まれているスクリプトを直接編集します。ご使用のアカウントのポータルIDとフォームIDを挿入する必要があります。以下はその一例です。
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script></script>
hbspt.forms.create({
リージョン。"na1",
portalId:"あなたのポータルID",
formId:"あなたのフォームID",
onFormSubmit: function($form) {
OneSignal.push(function() {)
OneSignal.setEmail($("input[name=email]").val()))。
.then(function(emailId) {)
// Eメールの送信が完了したらコールバックが呼ばれる
console.log("emailId: ", emailId);
});
});
}
});