メインコンテンツへスキップ

ウィジェットの埋め込み

Ducalis ウィジェットは、新機能をユーザーに通知し、プロダクト内で直接フィードバックを残せるようにします。埋め込むことで、投票ボード、ロードマップ、チェンジログへのエンゲージメントを高めることができます。

ウィジェットを開く

また、ユーザーのワークフローを中断することなくフィードバックを収集するのにも役立ちます。

ウィジェット埋め込みボタン

ライブデモ: https://hi.ducalis.io/ にアクセスし、ヘッダーメニューの New をクリックしてください。

どこにでも埋め込み可能​

フィードバックを収集したり、新機能の通知を表示したいページにウィジェットを埋め込みます。

Ducalis では、以下にウィジェットを埋め込んでいます:

ウィジェットのセットアップ​

警告

投票ボードがアクセス制限付きのプライベートに設定されている場合、ウィジェットにユーザー ID を渡す必要があります。そうしないと、誰もアクセスできません。

投票ボード設定を開く​

  1. 投票ボードの設定に移動します。

  2. Embed セクションを見つけます。Feedback / Changelog / Roadmap widget をクリックします。

アプリ内ウィジェットコードの場所

ウィジェットコードのインストール​

  1. HTML コードをコピーして、ウェブサイト、アプリ、または表示したいページに貼り付けます。変更を保存します。
設定からコードをコピー

例:

サイトにコードを貼り付け
  1. 次に Verify (確認) をクリックします。
インストールの確認
  1. 確認メッセージが表示され、検証結果が示されます。
検証結果を確認 検証ステータス

インストール済みウィジェットの例:

インストール済みウィジェットの例

表示するページの選択​

  1. ユーザーがウィジェットを開いた際に表示するセクションを設定します。
ウィジェットに表示するページの選択
  1. 変更を保存して適用します。
ウィジェットに表示するページの変更を保存

デフォルトでは、ユーザーがフィードバックを残せるよう、フィードバックフォームが常に表示されます。

例えば、パブリックロードマップを選択した場合、ウィジェットにはフィードバックフォームとロードマップセクションが表示され、チェンジログは表示されません。

ロードマップが最初に表示される例

最初に開くページの選択​

  1. ユーザーがウィジェットボタンをクリックした際に最初に開くページを設定します。
最初に開くページを選択する設定
  1. Save (保存) をクリックして変更を適用します。
最初に開くページの変更を保存

例えば、チェンジログを選択した場合、ユーザーがウィジェットをクリックすると、最初にチェンジログが開きます。

ウィジェットの外観カスタマイズ​

ウィジェットのスタイルテーマを作成します -- 背景色、テキスト色、ウィジェットの配置、ボタンラベル、角丸を設定できます。

背景色​

ブランドカラーの設定

テキスト色​

ブランドテキスト色の設定

配置​

サイト上のウィジェット位置の設定 - 左または右

ボタンラベル​

テキストをカスタマイズします。

ウィジェットボタンのラベルテキストをカスタマイズ

基本構成のウィジェット機能​

この基本セットアップでは、以下の機能が提供されます:

  • ウィジェットはチェンジログページに Done ステータスの最新アイデアをリリース日順に表示
  • 新しくリリースされた機能（Done に移動したアイデア）の通知バブル
  • 訪問者はリリース済みアイデアを最大 20 件閲覧可能
  • 投票ボードへのリンク（ロードマップの確認、アイデアの追加、賛成投票、コメントが可能）
  • ロードマップの週間ダイジェスト更新用のメールアドレス登録

ユーザーの識別​

Ducalis の認証と独自の認証方法のどちらかを選択します。

オプション 1: Ducalis の認証を使用する（デフォルト）

デフォルトでは、お客様が投票、アイデアの追加、コメントを行う際に Ducalis の認証が使用されます。

オプション 2: 独自の認証を使用する

独自の認証を使用する場合は、コード内で指定します: onAuth: showUserAuth

この関数を指定すると、Ducalis の認証に替わります。認証プロセス全体を自社で処理しますが、認証済みのウィジェットユーザーを渡す必要があります: user.email + user.hash が必須です。

更新日: 先週