外部サイトの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>
テスト結果
