カスタマイズ可能なPortalアプリでAirfocusのアイテムを共有する

著者:  Morgan T
最終更新日:  

このポータルは、ワークスペースのアイテムをカスタマイズ可能なポータルページで共有できるブランド化されたウェブサイトです。商品は顧客に親しみやすい名前や説明、さらにはカバー画像を付けて、ポータルのオーディエンスに合わせてコンテンツをカスタマイズできます。

ポータルを作成してください

注: ポータルの作成と設定はアカウント管理者のみが許可されています。

  1. ナビゲーションの左側にある「ポータル」右側のプラスアイコン プラス記号アイコン するとスタートが表示されます。
  2. ポータル名とURLを追加してください。
    • デフォルトでは、ポータルの名前はURLフィールドにコピーされます(特殊文字を除く)。a-zの文字、数字0から9までの文字、そしてダッシュのみが許可されています。ポータルはホストされており、「airfocus.site」の接尾辞が付けられています。ドメイン。ポータルのURLは一意でなければなりません。
  3. オプションで、追加のセキュリティ、ロゴ、ファビコン、または原色でポータルをカスタマイズすることも可能です。詳細は以下のセクションをご覧ください。
  4. ポータル を作成をクリックします。

ポータル共有(パスワード制限とSSO)

ポータルを作成する際、以下のオプションで追加のセキュリティ設定が可能です:

  • パスワード: ユーザーはポータルにアクセスする前にパスワードを入力するよう求められます。
  • ログイン必須: チームメンバーはポータルにアクセスする前にairfocusの認証情報でログインする必要があります。
    • チームでSSOが強制されている場合、この設定はポータルアクセスのシングルサインオンを強制します。既存のSSO/IdPで認可されたユーザーは、AirFocusに登録すると自動的にチーム内に貢献者アカウントが作成されます。

ヒント: ポータルで 投票アプリ を有効にすると、ログインしたユーザーは投票するためにメールの認証を必要としなくなります。

ポータルのカスタマイズ

ポータルはロゴ、ファビコン、原色でカスタマイズ可能です:

ロゴ

画像が最大許容比率である9:1を超えないように注意してください。

ロゴはポータルの上部ナビゲーションバーに表示されます。

airfocus-portal-app-7.png

ヒント:

  • ロゴの周りに空白があってはいけません。
  • ロゴは透明な背景を持つべきです。

ファビコン

  • ファビコンはブラウザのタブに表示され、リンク共有のサムネイルで表示されます。
  • 比率を1:1にしてください。
  • 許可されているフォーマットは以下の通りです:.svg、.ico、.png。
airfocus-portal-app-8.png

色ピッカー

ポータルのテーマに適用されるブランドカラーの6桁16進コードを使うか、すでにアップロードしたロゴから色を直接選ぶ色ピッカーオプションを使うことができます。

ポータルの設定にアクセスし、ページ左側のナビゲーションメニューにあるポータル名の横にある設定ボタンから変更できます。

ポータルにページを追加してください

注: ポータルにアイテムを投稿するには、アカウント管理者または編集者で「フル」または「書き込み」の権限を持つ必要があります。

ページはポータルの最上位のナビゲーション要素です。 選択したワークスペース項目の表示や外部URLへのリンクに使えます。ページはブランドやメッセージに合わせてカスタマイズ可能です。

airfocus-portal-app-11.png

ポータルを作成すると、ポータルの設定に移動します。そこから、ページを追加するために以下の手順をフォローしてください:

  1. 設定パネル上部のナビゲーションメニューからページを選択します。
  2. ワークスペースのアイテムをポータルに投稿するか、外部URLをリンクするかを決めてください。
    • 外部URLは新しいブラウザタブで開きます。例えば、御社の「About us」ページへのリンクを貼るのも有効です。
  3. ページ名とURLを入力してください。
    • デフォルトでは、ページ名はこのフィールドにコピーされます(特殊文字を除く)。許可されているのはaからzまでの文字、0から9までの数字、そしてダッシュのみです。
  4. 外部URLをページに追加する場合は、「 ページを追加 」をクリックして終了してください。ワークスペースを追加する場合は、以下の手順を進めてください。
  5. 「ワークスペース」ドロップダウンを使って、ポータルでページとして追加したいワークスペースを選択します。
  6. オプションで、以下の設定も可能です:
    • タブ: アイテムをタブにまとめるのは、シングルセレクトフィールドを使っています。
    • セクション:項目を単一または複数選択フィールドでセクションに整理します。
    • 追加フィールド:このページに公開された各アイテムに表示する追加フィールドを選択してください。
    • フィルターを許可する:「追加フィールド」の任意のフィールドでユーザーフィルターを終了させます。
  7. オプションで、フォームや投票アプリを有効にしてください。ページ上でアプリを有効にする前に、ワークスペースでアプリが有効かどうかを確認してください。
    • Formsアプリを起動して、ポータルビジターがfeedbacを提供できるようにします。
    • 投票アプリを起動して、ポータルビジターが投票できるようにしてください。
  8. オプションで、以下の機能を有効にしてください:
    • ヒーローセクション:見出しと説明を加えて、ページに文脈を与えてください。
    • SEO:SEOメタデータと検索エンジンインデックスの設定。
  9. ページを追加をクリックします。

ページを追加した後は、ポータルに表示したい場合、ページ設定上部のトグルをオンにしてください。

緑色のグローブアイコンはポータルが稼働中であることを示し、オレンジのグローブはポータルが稼働していないことを示します。地球儀アイコンの上にカーソルを合わせると、各ステータスの説明が表示されます。

ワークスペースを複数のポータルに追加しましょう

また、ワークスペースを複数のポータルにページとして追加することも可能です。

これを行うには以下の手順に従います。

  1. ワークスペースの右上から拡張機能をクリックします。
  2. ポータルを選択します。
  3. パネル下部から +追加ボタンをクリックしてポータルに追加 してください。
  4. 新しいポータルを作成してワークスペースを追加するか、既存のポータルを選択します。

既存のページを再設定するか、ワークスペースを別のポータルのページとして追加することもできます。

ポータルにアイテムを投稿してください

注: ポータルにアイテムを投稿するには、アカウント管理者または編集者で「フル」または「書き込み」の権限を持つ必要があります。

もしポータルのページとしてワークスペースを追加しているなら、アイテム詳細ビューから直接アイテムを投稿できます。顧客に親しみやすい名前や説明、さらには表紙画像などで商品をカスタマイズできます。

Portalの設定やairfocusのオーバービューから、あなたのページで使ったワークスペースにアクセスし、次のステップを踏んでください:

  1. ポータルで表示したいアイテムを開いてください。
  2. 表示されるパネルの右上隅からポータルを選択します。
  3. オプションとして、アイテム用のカスタム画像をアップロードし、タイトルを追加し、ビューアの説明文を書いてポータルから見ることができます。
  4. 「アイテムをポータルに投稿する」を切り替えてください。
  5. [保存] をクリックします。
airfocus-portal-app-29.png

ポータルの公開アイテムにリンクをクリックしてすぐにジャンプしてください(これはすでにポータルが稼働している場合のみ表示されます)。

airfocus-portal-app-30.png

緑色の地球儀アイコンは稼働中のポータルを示し、オレンジ色のアイコンはポータルが稼働していないことを示します。地球儀アイコンの上にカーソルを合わせると、各ステータスの説明が表示されます。

ポータルを稼働させてください

注: ポータルを公開するには、アカウント管理者または編集者で「フル」または「書き込み」の権限を持つ必要があります。

ポータルを公開してオーディエンスと共有する前に、ページ を追加 し、 アイテムを投稿していることを確認してください。

ポータルをライブに設定するには、以下の手順をフォローしてください:

  1. 任意のarifocusページの左側にあるナビゲーションメニューからポータルを選択します。
  2. 表示されるパネルの上部から「Set portal live」を切り替えます。

ポータルを埋め込む

ポータルが稼働したら、そのURLをコピーし、以下のコードブロック内に配置してください:

<iframe src="PASTE-YOUR-PORTAL-URL-HERE"フレームborder="0" width="100%" height="100%"></iframe>

例:

<iframe src="https://airfocusportal.airfocus.site/"frameborder="0" width="100%" height="100%" ></iframe>

iframeコードをウェブサイトやユーザーにポータルを表示させたい場所で使用し、直接ポータルとやり取りできるようにできます。

ポータルヘッダーからロゴを削除してください

ウェブサイトにポータルを埋め込む際、埋め込みポータルとウェブサイトの両方でロゴが2回繰り返されるのは繰り返しに感じられるかもしれません。ロゴの一つを削除するには、以下の手順をフォローしてください:

AirFocusポータルのURLに追加 ?mode=embed&hideLogo=true を追加してください。

例えば、URLが https://airfocusportal.airfocus.site/すると新しいURLは https://airfocusportal.airfocus.site?mode=embed&hideLogo=true になります。

上記の新しいURLをiframeのsrcに追加すれば、iframe埋め込みコードが完成します:

<iframe src="https://airfocusportal.airfocus.site?mode=embed&hideLogo=true" scrolling="no" frameborder="0" width="100%" height="100%"></iframe>

この記事へのフィードバックをお寄せください

この記事に関するフィードバックはありますか?体験の内容についてこちらから教えてください。

お探しの内容は見つかりましたか?

他に質問がある場合や、学んだことを共有したい場合は、当社の コミュニティ   でサポートを得て、他のユーザーと協力しましょう。