iframeを表示しているサイトのURLを、iframe内で表示しているサイトにて取得したい

Question

聞きたいこと

iframeで表示しているWebサイト(仮にChildとします)から、表示元のWebサイト(Parentとします)のURLを取得したいと思っています。
※ 取得したいURLは、こちらの画像の 引数付き のURLです

詳細な背景

• 自社開発しているJavaScript SDK(こちらで提示した<script>タグ)を、あるWebサイトに組み込んでもらい、自社管理のChildサイトを iframe にて表示している
• そのiframe内で自社のAPIサーバーにリクエストを送っているが、どのURLからのリクエストなのかを含めて送信したい

やってみたこと

• Childサイトから document.href を参照して、URLをAPIに送信する

→ ChildサイトのURLになってしまう

• Childサイトから document.referrer を参照して、URLをAPIに送信する

→ Parentサイトのホストまでしか取得できない(http://example.com までで、ディレクトリやファイル名は取得できない)

以上です。もし足りない情報ありましたらコメントお願いします。

Answer 1

window.parent.location.hrefではどうでしょうか。

以下に示した Window のプロパティは、異なるオリジンからのアクセスが許可されています。

同一オリジンポリシー - ウェブセキュリティ | MDN