Web ページスクリプトコンポーネント

Webページコンポーネントは、ホストされているWebページをスクリプトページに埋め込みます。 実行時に、指定されたページがスクリプト ページを読み込みます。

重要。  

  • 参照されているWebサイトでは、他のドメインのページにページを埋め込むことを許可する必要があります。 言い換えれば、あなたが設定する必要があります Xフレームオプション 他のドメインがそのページをiframeタグ内に表示できるようにする そうしないと、Web ページ コンポーネントは URL を表示できません。

  • あなたは使わなければなりません 安全なHTTP URLを指定するとき(http://ではなくhttps://)。

  1. [コンポーネント]ツールバーで、 ウェブページ.

  2. 展開する 一般 プロパティパネルでグループ化します。 次に、Webページの完全修飾URLを Webページのソース ボックス。 オプションで、値にURLが含まれている文字列変数を選択します。

    例:  

    https://www.usps.com/

    ページがすぐに読み込まれるので、URLが有効であることを確認できます。 プレビュー モードを選択する必要はありません。

  3. このコンポーネントのその他のプロパティを設定します。 

    一般

    Webページソースは、Webページコンポーネント内に埋め込むWebページのURLを設定します。 Web ページの URL を入力するか、または変数を使用して URL をコンポーネントに渡します。 例:  

    https://help.mypurecloud.com

    有効なURLが入力されると、Webページコンポーネントはすぐにそのページを表示します。

    URLはで始まる必要があります https://。 リモート サーバーがセキュア http プロトコルをサポートしない場合、ページ コンポーネントはそのサーバーからのページを表示できません。

    レイアウト

    サイズ調整に影響する重み付けを使用して、幅を固定サイズに設定し、コンテンツを表示するために必要に応じて拡大したり、他のコンポーネントに比べてできるだけ多くのスペースを消費したりします。

    設定 説明
    スクリプト・レイアウト・オート・サイジング 自動サイズ設定は、コンポーネントをその内容に従って縮小または拡大するように設定します。 例えば、ラベルの幅はテキストの量に応じて拡大することができます。
    settings-sizing-stretch

    ストレッチでは、サイズ調整に影響を与えるために重み付けを使用して、コンポーネントが他のコンポーネントに比べてできるだけ多くのスペースを消費することができます。

    2つのコンポーネントが両方とも伸縮するように設定されている場合、デフォルトで残りのスペースの50%が割り当てられます。 この比率は、重量値を変更することによって調整できます。

    たとえば、1つのコンポーネントを200の重みに設定し、もう1つのコンポーネントを100の重みに設定すると、最初のコンポーネントは残りのスペースの3分の2を占め、もう1つは3分の1しかかかりません。 最初のコンポーネントは、その重量が2番目のコンポーネントの重量の2倍であるため、他のコンポーネントのサイズの2倍になります。

    スクリプト・レイアウト・ピクセル 固定サイズをピクセル単位で設定します。 ボックスに整数を入力するか、上向き矢印か下向き矢印を使ってサイズを増加または減少します。 コンポーネントにフォーカスがあると、これらの矢印が表示されます。

    サイズ調整に影響する重み付けを使用して、高さを固定サイズに設定し、コンテンツを表示するために必要に応じて拡大したり、他のコンポーネントに比べてできるだけ多くのスペースを消費したりします。

    設定 説明
    スクリプト・レイアウト・オート・サイジングの高さ 自動サイズ設定は、コンポーネントをその内容に従って縮小または拡大するように設定します。
    スクリプト・レイアウト・ピクセルズ・ハイト 固定サイズをピクセル単位で設定します。 ボックスに整数を入力するか、上向き矢印か下向き矢印を使ってサイズを増加または減少します。 コンポーネントにフォーカスがあると、これらの矢印が表示されます。
    settings-sizing-stretch

    ストレッチでは、サイズ調整に影響を与えるために重み付けを使用して、コンポーネントが他のコンポーネントに比べてできるだけ多くのスペースを消費することができます。

    2つのコンポーネントが両方とも伸縮するように設定されている場合、デフォルトで残りのスペースの50%が割り当てられます。 この比率は、重量値を変更することによって調整できます。

    たとえば、1つのコンポーネントを200の重みに設定し、もう1つのコンポーネントを100の重みに設定すると、最初のコンポーネントは残りのスペースの3分の2を占め、もう1つは3分の1しかかかりません。 最初のコンポーネントは、その重量が2番目のコンポーネントの重量の2倍であるため、他のコンポーネントのサイズの2倍になります。

    親コンテナを基準にして、コンポーネントを左、右、または中央に揃えます。

    ヒント:親コンテナの高さ設定がAuto Sizing。これを修正するには、親コンテナの高さをStretchまたは固定の高さにPixels
    設定
    align-left2 align-left-example2
    align-center2 align-center-example2
    align-right2 align-right-example2
    align-start align-start-example
    align-vertical-center align-vertical-center-example
    align-vertical-end align-vertical-end-example

    余白は、境界線の周囲の上下左右の間隔を設定します。

    画像は、余白、境界線、およびスペース設定の関係を示しています

    1. 必要に応じて一度にすべてのマージン値を更新するには、を押します。 すべて設定 プロパティパネルの[余白]ボタンをクリックします。

      すべて設定ボタンの画像

    2. 余白の値フィールドをクリックします。 そのフィールドにスピン コントロールが表示されます。

    3. スピンコントロールを使用して、余白を増減します。 もし すべて設定 を選択した場合、変更はすべての余白に適用されます。

      settings-margin-spinner

      コンポーネントは新しいマージン設定を使用してすぐに再配置されます。

    ブール(TrueまたはFalse)変数の値に基づいてコンポーネントの表示/非表示を設定します。

    1. クリック レイアウト プロパティグループ Visibleの下にあるをクリック 変数を選択
    2. 変数を選択するか、オプションで新しいYes / No変数を作成してから、その新しい変数を 見える 財産。
    3. 実行時には、変数の値がTrueのときにコンポーネントが表示されます。 逆に、変数の値が

    詳細 

    Webページソースは、Webページコンポーネント内に埋め込むWebページのURLを設定します。 Web ページの URL を入力するか、または変数を使用して URL をコンポーネントに渡します。 例:  

    https://help.mypurecloud.com

    有効なURLが入力されると、Webページコンポーネントはすぐにそのページを表示します。

    URLはで始まる必要があります https://。 リモート サーバーがセキュア http プロトコルをサポートしない場合、ページ コンポーネントはそのサーバーからのページを表示できません。