Google+-如何在不点击按钮的情况下打开交互式帖子对话框

Google+ - How to open the interactive post dialog without a button click?

本文关键字：情况下 交互式 对话框 按钮 Google+-      更新时间：2023-09-26

有没有一种方法可以打开Google+交互式帖子对话框而无需首先单击按钮？我想让它直接显示在网站上。

以下是G+示例中的相关代码。

JavaScript:

<script type="text/javascript">
  (function() {
   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
   po.src = 'https://apis.google.com/js/client:plusone.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 })();
</script>

HTML:

<button
      class="g-interactivepost"
      data-contenturl="https://plus.google.com/pages/"
      data-contentdeeplinkid="/pages"
      data-clientid="xxxxx.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>

为该按钮元素添加一个id（您可以使用完全不同的元素，只要您包括所有提供的属性——如果不测试就无法确定），并将其设置为隐藏样式。从那里，只要在任何你想要的事件上点击它。

即。HTML:

<button
  id="thisdumbbutton"
  class="g-interactivepost"
  data-contenturl="https://plus.google.com/pages/"
  data-contentdeeplinkid="/pages"
  data-clientid="xxxxx.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>

CSS：

#thisdumbbutton{ display: none; }

JS:

<script type="text/javascript">
  (function() {
   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
   po.src = 'https://apis.google.com/js/client:plusone.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
   $('#something').hover(function(){
      $('#thisdumbbutton').click();
   });
  })();
</script>
相关文章：