我希望我的用户能够通过iframe将Facebook checkbox plugin添加到他们的网站。
我的应用程序提供iframe并托管页面:
<iframe src="https://www.botletter.com/cif/GWoe6LUboG9YBrdudAA2naV5" style="border:none;width:100%;"></iframe>
然后人们将这个iframe添加到他们的网站上。我将他们网站的域名列入白名单,并将他们的域名作为来源:
<div class="fb-messenger-checkbox"
origin="<%= @checkbox.website %>"
page_id="<%= @core_bot.page_id %>"
messenger_app_id="MY APP ID"
user_ref="<%= @random_user_ref %>"
prechecked="false"
allow_login="true"
size="<%= @checkbox.button_size %>"></div>
不幸的是,它没有渲染,我收到以下错误:
拒绝展示 &#39; https://www.facebook.com/v2.6/plugins/messenger_checkbox.php?allow_login=true&app_id=534768046912528&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FlY4eZXm_YWu.js%3Fversion%3D42%23cb%3Df2218eaf474e464%26domain%3Dwww.botletter.com%26origin%3Dhttps%253A%252F%252Fwww.botletter.com%252Ff1ea0c055b4547%26relation%3Dparent.parent&container_width=689&locale=en_US&messenger_app_id=534768046912528&origin=https%3A%2F%2Fwww.lalanguefrancaise.com%2F&page_id=1115924038427162&prechecked=true&sdk=joey&size=small&user_ref=437aa962df71ec4eea67&#39; 在一个框架中,因为祖先违反了以下内容安全性 政策指令:&#34;框架 - 祖先https://www.lalanguefrancaise.com&#34;。
以下错误可以复制on this page。
也许这是因为我在iframe中复制了我在其他网站中集成的复选框?你知道我怎么能做这个工作吗?