Question

在我添加此iframe[src^="https://apis.google.com"] { display: none; }以取消Google+登录欢迎回复消息后，当我点击分享按钮时，我的Google+互动帖子分享按钮停止显示，而只是显示褪色的白色屏幕，但当我删除或更改iframe display to visible，交互式帖子按钮开始工作。

White faded screen

请有人知道我可以做些什么来让互动帖子开始工作，同时仍然将iframe属性留给display:none？

Answer 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的可见性设置为无，并且它在Chrome中适用于我。

最后一点，您可能不想隐藏邮件，因为这是一个很好的反馈机制，可以让用户知道他们正在登录您的网站。该消息仅在用户首次在浏览会话中到达您的网站时显示。

Google互动式帖子按钮在点击时显示空白屏幕

1 个答案: