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

HubSpotとOneSignalを接続する。

更新日時 2023年 2月 2日

対象製品

Marketing Hub Professional, Enterprise
Sales Hub Professional, Enterprise
Service Hub Professional, Enterprise
Operations Hub Professional, Enterprise

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通知を送信)]を選択します。
ワンシグナルノーティフィケーション

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


OneSignalタグによるアプリ内メッセージの自動化

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

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

OneSignalのタグを編集することで、OneSignalのアプリ内メッセージングを強化することもできます。その手順については、OneSignalのガイドを参照してください。  

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

この機能を使用するには、以下のコードを使用していることを確認してください。OneSignal Webプッシュ設定の適切なコードをページのヘッド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) {)
// Eメールの送信が完了したらコールバックが呼ばれる
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:"あなたのポータルID",
    formId:"あなたのフォームID",
    onFormSubmit: function($form) {
    OneSignal.push(function() {)
    OneSignal.setEmail($("input[name=email]").val()))。
    .then(function(emailId) {)
    // Eメールの送信が完了したらコールバックが呼ばれる
    console.log("emailId: ", emailId);
    });
    });
    }
    });
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。