概要

コンテンツセキュリティーポリシー（CSP）を使用すると、ウェブサイトの所有者は、特定のコンテンツタイプを読み込むことができるドメインを指定できます。 CSPは、IE以外のブラウザーにのみ関連します。

CSPは、ウェブサイトで承認されたソースを許可リストに登録することで、定義されたポリシーの範囲外にあるコンテンツをブロックします。 これは、組織内のアクセスを制御する一般的な許可リストとは異なります。 CSPでは、ユーザーが誰であるか、どのコンピューターを使用しているかに関係なく制限が適用されます。Chrome、Firefox、Safariのいずれを使用していても、このポリシーが適用されます。

WalkMeは、サイトのCSPにWalkMeドメインが含まれていない場合、WalkMeスクリプトの読み込みが妨げられる影響を受けます。

CSPの詳細については、こちらをご覧ください。

サイトのCSPを確認するには、以下の手順に従います。

1. 開発者ツールで「ネットワーク」タブを開きます。
2. メインページリクエストを選択します（通常は最初のリクエスト）
3. 「ヘッダー」タブの下にある「content-security-policy」を見つけます

技術的な詳細

CSPは、各タイプのコンテンツにどのソースが許可されているかを定義します。 一般的なコンテンツタイプとそのディレクティブ：

• Javascript → script-src
• CSS → style-src
• 画像 → img-src
• デフォルト（タイプ固有のルールが設定されていない場合に使用されます）→ default-src

CSPでソースが定義されておらず、デフォルトがない場合、すべてのソースがそのタイプでは許可されます。

WalkMeを読み込むには - SaaS

WalkMeがCSPによってブロックされる場合、ファイルは読み込まれず、コンテンツは表示されません。 これを修正するには、WalkMeのドメインをポリシーの適切なディレクティブに追加します。

• script-src — *.walkme.comダイナミックなWalkMeコンテンツの読み込みとレンダリングに使用されます。例：シャウトアウト、WalkMeメニュー
• style-src — 'unsafe-inline' *.walkme.comインラインスタイル属性に使用されます。例：スマートウォークスルーステップ
• frame-src — 'self' *.walkme.comフレームの読み込みに使用されます。例：ステップへの切り替え、ステップ内のiFrame
• frame-ancestor — *.walkme.comWalkMeドメインのリソースをフレーム内に表示するために使用されます。例：ライトボックス内のリソース
• font-src— 'self' data: *.walkme.comWalkMeサーバーからWalkMeフォントをダウンロードするために使用されます。例：WalkMeメニューとウィジットのフォント
• img-src — 'self' data: *.walkme.com s3.walkmeusercontent.com eu-s3.walkmeusercontent.comWalkMe Eventsコレクターが、要素が「表示された」ことを示すイベントをキャッチする画像ピクセルを挿入するために使用します。例：画像とリソース
• connect-src — 'self' *.walkme.comWalkMeエンドユーザーイベントのXMLHttpRequestを送信するために使用されます。例：インサイト、ゴール、タスク、TeachMe、オンボーディング、アクションボット
• worker-src — blob: *.walkme.comワーカーを使用してイベントを送信するために使用されます。例：セッションプレイバック
• object-src — *.walkme.com例：セッションプレイバック

完全なCSP文字列

script-src 'self' *.walkme.com 'unsafe-inline'； style-src 'self' *.walkme.com 'unsafe-inline'； img-src 'self' *.walkme.com s3.walkmeusercontent.com d3sbxpiag177w8.cloudfront.net data：； font-src 'self' *.walkme.com data：； connect-src 'self' *.walkme.com； frame-src 'self' *.walkme.com blob：； worker-src 'self' blob： *.walkme.com； 

*.walkme.com addresses

WalkMe米国データセンターを使用するアカウントの場合：

• https://playerserver.walkme.com
• https://ec.walkme.com
• https://cdn.walkme.com
• https://papi.walkme.com
• https://ec-playback.walkme.com
• https://workstation.walkme.com

WalkMe EUデータセンターを使用するアカウントの場合：

• https://eu-playerserver.walkme.com
• https://eu-ec.walkme.com
• https://eu-cdn.walkme.com
• https://eu-papi.walkme.com
• https://eu-workstation.walkme.com

WalkMeを読み込むには - セルフホスト

セルフホストの設定を使用している場合は、既存の設定に基づいてCSPディレクティブを絞り込みます。 スクリプト、スタイル、フォント、画像、フレームはWalkMeではなくオリジンから読み込まれるため、上記のすべてのディレクティブが適用されるわけではありません。

CSPの問題の確認

Edge以外のブラウザーでWalkMeが読み込まれない場合は、CSPがそれをブロックしている可能性があります。 確認するには：

1. 開発者ツールを開き、コンソールタブに移動します
2. ページをリロードします
3. 「コンテンツセキュリティポリシー」エラーメッセージを探します

エラーメッセージが表示された場合、ITチームに連絡し、WalkMeのドメインを関連するディレクティブに追加するよう依頼してください。

CSPメタタグがサイトのHTML<ヘッド>タグに存在する場合、WalkMeのロードをブロックすることもできます。 「コンソール」タブから「コンテンツセキュリティポリシー」エラーメッセージをITチームと共有し、ITチームが問題を解決できるようにします。