🔰

Onboarding スタートガイド

Onboardingの利用にあたり、はじめにご理解いただきたい初期設定や設定方法についてまとめています。 こちらをもとにお試しいただき、ご不明点がございましたら、ヘルプページをご参照いただくか、Onboarding CSチームまでお問合せください。
icon
ヘルプページは以下のリンクからご確認ください。 Onboardingヘルプページ

1. リリースまでの流れを確認する

施策リリースまでの流れは以下の通りです。

image

2. 最低限の初期設定を行う

icon
ご利用にあたり、以下の初期設定を行なってください。

管理画面URL:https://manage.onboarding-app.io/login

拡張機能をインストールする

Onboardingで提供している拡張機能を活用することで、 施策を表示させるセレクターの取得および作成した施策のプレビューができます。

icon
Chromeウェブストアから拡張機能をインストールしてください。

Onboarding Preview インストールページ

image

許可ドメインを設定する

お客様のWebサイトへ施策を表示するには、 管理画面の[許可ドメイン]に対象となるドメインが登録されている必要があります。

お申し込み時にいただいたドメインは追加されていますが、 不足している場合は追加を行なってください。

icon
許可ドメインの設定方法は、以下のページをご確認ください。

🔶許可ドメインを確認したい

管理画面にメンバーを追加する(任意)

他にもOnboardingを操作したい方がいらっしゃる場合、管理画面へのメンバー追加が可能です。

icon
メンバー追加の方法は、以下のページをご確認ください。

🔶管理画面にメンバーを追加したい

3.Onboardingのタグ埋め込みをエンジニアに依頼する

施策の公開時、エンドユーザーへの施策表示には、OnboardingのJavaScriptタグ をheadタグ内に実装した上で、公開設定を行う必要があります。 また、タグの記述により、パラメーターによる施策の出し分け(任意)ができるようになります。

タグは「本番環境用」「テスト環境用」の2種類をご用意しております。 本番環境に「本番環境用」stg環境に「テスト環境用」を実装していただき、本番公開以前の検証期間では「テスト環境用」をご利用ください。

※ プレビュー検証は拡張機能を用いるため、タグの実装前でも可能です。

icon
タグの実装方法についてはこちらをご覧ください。 ※開発者様向けドキュメントです

🏗️Onboardingインテグレーションガイド

【任意】ユーザーに合わせた施策の出し分け設定

Onboardingでは、施策の表示に柔軟な条件設定を行うことができます。

期間・回数・頻度・表示させるURL等だけでなく、お客様がお持ちのユーザーデータを用いて表示させるターゲットを指定することも可能です。

例:無料プランのユーザーにだけ表示させたい、管理者アカウントにのみ表示したい

表示条件にお客様がお持ちのユーザーデータを用いる場合、埋め込んでいただくタグにパラメーターの記載が必要となります。詳細はインテグレーションガイドをご覧ください。

icon
管理画面上でのターゲット設定については、以下のページをご確認ください。

💠ツアーを作成する

4.表示したい施策を作成する

Onboardingでは、「ツアー」「ヒント」「ポップアップ」の3種類の作成・公開が可能です。 下記を参考に、目的・用途にあわせ適切なものをご利用ください。

image
image

設定方法をこちらにまとめております。 また、使用シーンに合わせた設定例もまとめておりますので、必要に応じてお役立てください。

操作のイメージを掴みたい!という方は、 ページ下部の【参考】施策のサンプルを作成してみましょう をご覧ください。

各ガイドの設定方法

ツアーの場合

ヒントの場合

ポップアップの場合

【参考】施策のサンプルを作成してみましょう

例題をもとにサンプルの施策を作成することで、 基本的なOnboardingの設定を習得できるようになっています。

icon
施策サンプルの作成は、以下のページをご確認ください。🔰施策のサンプルを作成してみましょう

お困りの際は・・

施策設計から公開設定まで、Onboarding活用に関する情報を本ヘルプページにまとめております。 お困りの際は、ヘルプページをご参照いただくか、Onboarding CSチームまでお問合せください

Onboarding ヘルプページOnboarding ヘルプページ

よくある質問