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

HubSpotとOneSignalを接続する。

更新日時 2023年 9月 4日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

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

OneSignalとの連携により、ワークフローを使ったOneSignalプッシュ通知の作成と送信、コンタクトのアクティビティータイムライン上でのプッシュ通知の表示、プッシュ通知へのエンゲージメントに基づくユーザーのセグメント化が可能です。

連携の要件

アプリを接続する

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

OneSignalのユーザーとHubSpotのユーザーをマッチングさせます。

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

  • By OneSignal external_user_id : ユーザーは、OneSignalのexternal_user_idとマッチさせたいHubSpotのコンタクトプロパティを選択する必要があります。次の手順に従ってください。

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 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) {
// Callback called when email have finished sending
console.log("emailId: ", emailId);
});
}
});

  1. いずれかのHubSpotフォームに埋め込まれているスクリプトを直接編集します。ご使用のアカウントのポータルIDとフォームIDを挿入する必要があります。例を挙げよう:

    <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>
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。