使用 iframe Calend 隐藏 cookie 横幅

Question

我已经使用 iframe 将日历嵌入到网站中。该代码工作正常，如下所述。但是，当我尝试使用 calendly 提到的代码隐藏 cookie 横幅并隐藏页面详细信息时，它不起作用。我正在尝试在 iframe 中重新利用日历代码。如果有任何帮助，我将不胜感激。理想的解决方案是隐藏横幅。如果这是不可能的，那么下一个最佳解决方案是将横幅尺寸减小到日历的大小。

网站：dishasharma.ca 网址：https://www.dishasharma.ca/products/每次课程的幸福和目标辅导 屏幕截图： https://i.sstatic.net/Zn5kc.png

<iframe id="myIframe" width="100%" height="1050px" scrolling="no" frameborder="0"> 
</iframe>

<script>
    let myIframe = document.getElementById("myIframe");
    let url_string = "https://calendly.com/disha_sharma/session";
    let calendlyBackgroundColor = "background_color=e9f4f5"; 
    let calendlyHidePageDetails = "hide_landing_page_details=1"; // code not working 
    let calendlyHideBanner = "hide_gdpr_banner=1"; // code not working 
    let adsURL = url_string+"?"+calendlyHideBanner+"&"+calendlyHidePageDetails+"&"+calendlyBackgroundColor; // code not working 

    myIframe.src = adsURL;
</script>

<style type="text/css">
    @media only screen and (min-width: 1050px) {
    iframe#myIframe{
     height="850px";
}
</style>

要嵌入的原始日历代码在网站中并隐藏横幅：

<!-- Calendly inline widget begin -->
<div class="calendly-inline-widget" data-url="https://calendly.com/disha_sharma/session?hide_landing_page_details=1&hide_gdpr_banner=1&background_color=e9f4f5" style="min-width:320px;height:1050px;"</div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
<!-- Calendly inline widget end -->

<style type="text/css">
@media only screen and (min-width: 1050px) {
    .calendly-inline-widget{
     height:850px; 
}
</style>

Answer 1

可以通过向现有链接添加两个额外参数来解决此问题：
&embed_domain=YOUR.DOMAIN.ANY 和 &embed_type=Inline

所以最后，它应该看起来像这样：

https://calendly。 com/YOUR_EVENT?hide_gdpr_banner=1&embed_domain=YOUR.DOMAIN.ANY&embed_type=Inline

请不要问为什么不在 Calendly 文档中，但这是他们支持的解决方案。

我希望它有帮助！ =)