【问题标题】:Google Interactive post Button shows blank white screen on ClickGoogle 交互式帖子按钮在点击时显示空白屏幕
【发布时间】:2014-01-17 11:07:54
【问题描述】:

在我包含此 iframe[src^="https://apis.google.com"] { display: none; } 以禁止 Google+ 登录欢迎返回消息后,当我单击共享按钮时,我的 Google+ 交互式帖子共享按钮停止显示,而只是显示褪色的白屏,但​​当我删除或更改iframe display to visible,交互式发布按钮开始工作。

请问有人知道我可以做些什么来使交互式帖子开始工作,同时仍然将 iframe 属性保留给display:none 吗?

【问题讨论】:

    标签: javascript google-plus google-api-java-client


    【解决方案1】:

    This question covers one way to suppress the message 但看起来你已经在这样做了。对于某些人来说,使用 iframe 正则表达式来抑制欢迎消息是可行的 - 但是,这可能是在呈现交互式帖子时导致问题的原因,您应该能够在没有它的情况下度过难关。仍然可能存在特定于您的页面的其他原因,因此您可能希望从一个简单版本开始并从那里进行调试。

    以下代码对我有用 - 请注意,我根本没有使用正则表达式,但消息仍然被隐藏:

    <html>
      <body>
        <script src="https://apis.google.com/js/plusone.js">
          isSignedOut: true
        </script>
        <button
          class="g-interactivepost"
          data-contenturl="https://plus.google.com/pages/"
          data-contentdeeplinkid="/pages"
          data-clientid="268858962829.apps.googleusercontent.com"
          data-cookiepolicy="single_host_origin"
          data-prefilltext="Engage your users today, create a Google+ page for your business."
          data-calltoactionlabel="CREATE"
          data-calltoactionurl="http://plus.google.com/pages/create"
          data-calltoactiondeeplinkid="/pages/create">
          Tell your friends
        </button>
      </body>
    </html>
    

    您可以see the demo in action here。再次注意,我没有将 iframe 可见性设置为 none,它在 Chrome 中对我有用。

    最后一点,您可能不想隐藏该消息,因为它是一种很好的反馈机制,可以让用户知道他们正在登录您的网站。该消息仅在用户在浏览会话中首次访问您的网站时出现。

    【讨论】:

    • 好的。您引用的链接无效。我可以做你刚刚发布的样本。但这并没有真正解决我的问题,我希望抑制 Google 欢迎消息,同时能够使交互式帖子正常工作。我的挑战是,如果我使用 iframe 正则表达式来抑制 Google 欢迎消息,交互式帖子将停止工作并显示空白屏幕。
    • 也许这是您的浏览器特有的东西,您正在运行什么浏览器/操作系统?
    • 我不认为是浏览器/操作系统问题。我使用的是 chrome(版本 31.0.1650.63 m)和最新的 Mozilla(27.0)。只需查看我上面的评论,您就会了解我的挑战。谢谢
    猜你喜欢
    • 2023-04-04
    • 2014-02-12
    • 1970-01-01
    • 2019-08-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多