メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Integrations

HubSpotとOneSignalの接続

更新日時 2021年 10月 7日

対象製品

すべての製品とプラン

OneSignalとの連携により、ワークフローを使ってOneSignalのプッシュ通知を作成・送信したり、連絡先のアクティビティ・タイムライン上でプッシュ通知を表示したり、プッシュ通知のエンゲージメントに応じてユーザーをセグメント化したりすることができます。

ご了承ください。になっている必要があります。スーパー管理者または以下の権限を持っています。アプリマーケットプレイスへのアクセス権限がHubSpot Accountにあることが必要です。

アプリの接続

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される[マーケットプレイスアイコンmarketplace ]をクリックし、[アプリマーケットプレイス]を選択します。
  • 検索バーを使用してOneSignal連携を検索して選択します。
  • 右上の[アプリをインストール]をクリックします。
  • お客様のOneSignalアカウントにログインします。
  • ポップアップボックスに、ご使用のOneSignalアカウントの[アプリケーションID][APIキー]を入力します。
  • 必要に応じて、「アプリケーションの追加」をクリックして、別のアプリケーションを追加します。
  • [アプリをインストール]をクリックします。
  • [接続済みアプリ]ページにリダイレクトされます。

OneSignalのユーザーとHubSpotのユーザーを一致させます。

統合するには、OneSignalのユーザーとHubSpotのコンタクトをマッチングさせる必要があります。ユーザーには2つのマッチング方法があります。

  • メールアドレス別:ユーザーはOneSignal社のSDKを利用したsetEmail機能を使って、OneSignalのユーザとメールアドレスを関連付けることができます。このマッチングオプションは、Send OneSignal notificationワークフローアクションでのみ利用可能です。
  • OneSignalのexternal_user_idによって:ユーザーは、OneSignalのexternal_user_idと一致させたいHubSpotのコンタクトプロパティを選択する必要があります。そのための手順は次のとおりです。
    • HubSpotアカウントにて、メインのナビゲーションバーに表示される[マーケットプレイスアイコン marketplace ]をクリックします。[管理]の下に表示される[接続されたアプリ]を選択します。
    • [OneSignal]をクリックします。
    • Contact Matching」をクリックします。
    • ドロップダウンメニューから、OneSignalのプロパティとのマッチングに使用するHubSpotのコンタクトプロパティを選択します。EXTERNAL_USER_IDプロパティを選択します。このマッチングオプションは、「Send OneSignal notifications」「Edit OneSignal tags」の両方のワークフローアクションで利用できます。

OneSignalのプッシュ通知の自動化

ワークフローを使って、OneSignalプッシュ通知の送信を自動化することができます。

  • HubSpotアカウントにて、[自動化] > [ワークフロー]の順に進みます。
  • 右上の[ワークフローを作成]をクリックします。
  • 左側のパネルで、[コンタクトベース]を選択し、右上の[次へ]をクリックします。
  • 登録トリガーを設定します
  • アクションを追加するには、プラスのアイコンをクリックします。
  • 右側のペインで、[Send OneSignal notification(OneSignal通知を送信)]を選択します。
ワンシグナル・ノティフィケーション

プッシュ通知は、コンタクトレコードのタイムライン上にアクティビティとして表示されます。 
 
onesignal-timeline


OneSignalタグを自動化してアプリ内メッセージングを開始

ワークフローを使用して、OneSignalアプリでアプリ内メッセージングをトリガーします。 

  • HubSpotアカウントにて、[自動化] > [ワークフロー]の順に進みます。
  • 右上の「Create workflow」をクリックします。
  • 左のパネルで「Contact-based」を選択し、右上の「Next」をクリックします。
  • 登録トリガーを設定します
  • アクションを追加するには、プラスのアイコンをクリックします。
  • 右のパネルで「OneSignalタグの編集」を選択します。 
ワンシグナル・タグ
  • Select App」ドロップダウンメニューをクリックして、接続しているOneSignalアプリを選択します。
  • 編集したい{ "key" : "value" }のペアを持つJSON文字列を入力してください。の使い方についてはこちらをご覧ください。OneSignalデータタグ .
  • [保存]をクリックします。
  • を追加することができます。ワークフローにアクションを追加 .
  • ワークフローの設定が完了したら、右上の[確認]をクリックします。
  • ワークフローの設定を確認し、「Turn on」をクリックします。

OneSignalタグを編集すると、OneSignalのアプリ内メッセージングもパワーアップします。その方法については、OneSignal社のガイドを参照してください。  

HubSpotフォーム送信を使用して、HubSpotコンタクトをOneSignalユーザーにリンクします。 

この機能を使用するためには、ページのヘッドHTMLに適切なコードがあることを確認してください。OneSignal Web Pushの設定のコードをページのhead HTMLに追加してください。

Eメールアドレスを取得してOneSignalに渡すには、次の2つのオプションがあります。

  1. 次のコードを<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) {)
// メールの送信が完了したときにコールバックされる
console.log("emailId: ", emailId);
});
}
});

  1. いずれかの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: "YOUR PORTAL ID",
    formId: "YOUR FORM ID",
    onFormSubmit: function($form) { 。
    OneSignal.push(function() {)
    OneSignal.setEmail($("input[name=email]").val())
    .then(function(emailId) {)
    // メールの送信が完了したときにコールバックされる
    console.log("emailId: ", emailId);
    });
    });
    }
    });
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.