外部サイトのURLをCORSに登録

MIAWサイトエンドポイントを確認

コードをコピー

Trusted Domains for Inline Framesに外部サイトのドメインを追加

注意：サイトエンドポイント: ESW_MiwaService_17277500521321
より１桁少ない
ESW_MiwaService_1727750052132となっているサイト

Trusted Domains for Inline Framesに外部サイトのURLを追加

外部サイトが "https://gaibusite.com" の場合は、以下のように

追加しないと以下のエラーが発生

Refused to frame 'https://xxxxx-dev-ed.develop.my.site.com/' because 
an ancestor violates the following Content Security Policy directive: 
"frame-ancestors xxxxx-dev-ed--c.develop.f.force.com 
xxxxx-dev-ed.develop.my.site.com *.xxxxx-dev-ed.develop.my.site.com".

注意：LocalにHTML形式のファイルを作るだけでは、動かない。
サーバーがある所に作らないと行けない。

sample code

xxxxx部分はマスキングしたもの

<html>
 <head>

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
 <title>はじめてのMIAW</title>
 </head>
 <body>
   <h1>Hello MIAW</h1>
   <p>エンジニアをxxxxx </p>
<script type='text/javascript'>
	function initEmbeddedMessaging() {
		try {
			embeddedservice_bootstrap.settings.language = 'ja'; // For example, enter 'en' or 'en-US'

			embeddedservice_bootstrap.init(
				'00DIT000003nFQ5',
				'MiwaService',
				'https://xxxxx-dev-ed.develop.my.site.com/ESWMiwaService1727750052132',
				{
					scrt2URL: 'https://xxxxx-dev-ed.develop.my.salesforce-scrt.com'
				}
			);
		} catch (err) {
			console.error('Error loading Embedded Messaging: ', err);
		}
	};
</script>
<script type='text/javascript' src='https://xxxxx-dev-ed.develop.my.site.com/ESWMiwaService1727750052132/assets/js/bootstrap.min.js' onload='initEmbeddedMessaging()'></script>

</body>
</html>

テスト結果