0

ボタンをクリックせずに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>
4

1 に答える 1

1

そのボタン要素に id を追加し (指定されたすべての属性を含める限り、完全に別の要素を使用することもできます。テストなしでは確認できません)、非表示になるようにスタイルを設定します。そこから、必要なイベントでクリックするだけです。

IE 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>
于 2013-08-03T00:18:36.487 に答える