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

OneSignal連携を接続して使用する

更新日時 2021年 5月 11日

対象製品

すべての製品とプラン

OneSignalアカウントをHubSpotに接続して、ワークフローを使用してOneSignalプッシュ通知をセットアップし、コンタクトのアクティビティータイムラインでプッシュ通知を表示し、プッシュ通知へのエンゲージメントに基づいてユーザーをセグメント化します。

連携の要件

  • スーパー管理者であるか、またはHubSpotアカウントでアプリマーケットプレイス権限を付与されている必要があります。
  • 連携を行うには、Eメールアドレスを介してOneSignalユーザーとHubSpotコンタクトを一致させる必要があります。OneSignalユーザーとEメールアドレスを関連付けるには、SDKを使用するOneSignalのsetEmail関数を使用する必要があります。

連携アプリを接続する

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される[マーケットプレイスアイコン marketplace ]をクリックします。[管理]の下に表示される[接続されたアプリ]を選択します。
  • 右上にある[アプリマーケットプレイスにアクセス]をクリックします。
  • 検索バーを使用してOneSignal連携を検索します。連携の上にカーソルを重ねて[連携を表示]をクリックします。
  • 右上にある[アプリを接続]をクリックします。
  • OneSignalアカウントにログインします。
  • ポップアップボックスに、ご使用のOneSignalアカウントの[アプリケーションID][APIキー]を入力します。複数のOneSignalアプリケーションを接続する場合は、複数のIDとキーを入力できます。
  • [アプリをインストール]をクリックします。
  • [接続済みアプリ]ページにリダイレクトされます。

連携アプリを使用する

OneSignal連携を使用して、ワークフローを使用してOneSignalプッシュ通知を作成および送信し、コンタクトのアクティビティータイムラインでプッシュ通知を表示し、プッシュ通知へのエンゲージメントに基づいてユーザーをセグメント化することができます。

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される[マーケットプレイスアイコン marketplace ]をクリックします。[管理]の下に表示される[接続されたアプリ]を選択します。
  • [OneSignal]をクリックします。
  • 選択したOneSignalアプリで[アクション]をクリックして、アプリを追加するか、削除します。

注:OneSignalユーザーがプッシュ通知を受け取るためには、OneSignal setEmail SDKメソッドを使用する必要があります。その場合も、ユーザーがプッシュ通知を受け取るには、サイトまたはアプリに登録する必要があります。OneSignalのSDKのドキュメントを参照してください。


OneSignalプッシュ通知を作成します(MarketingHubSalesHubServiceHub ProfessionalおよびEnterpriseのみ)。

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

アクティビティータイムラインでプッシュ通知を表示する

  • HubSpotアカウントにて、[コンタクト] > [コンタクト]の順に進みます。
  • プッシュ通知を送信したコンタクトの名前をクリックします。
  • アクティビティータイムラインで、OneSignalアクティビティーを表示できます。

onesignal-timeline

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

この機能を使用するには、OneSignalウェブプッシュ設定で指定されている正しいコードが<head>に含まれていることを確認する必要があります。

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:"ご使用のポータルID",
    formId:"ご使用のフォーム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>