Question

到目前为止，我在重力表单中的HTML小部件内部有Facebook Checkbox插件/小部件（附加/来自Chatfuel）。有用。一切都很好看。但是，它对实际的信使平台没有影响。

<script> window.fbMessengerPlugins = window.fbMessengerPlugins || { init : function() { FB.init({ appId: "1678638095724206", xfbml: true, version: "v2.6" }); }, callable : [] }; window.fbMessengerPlugins.callable.push( function() { var ruuid, fbPluginElements = document.querySelectorAll(".fb-messenger-checkbox[page_id='288534304507180']"); if (fbPluginElements) { for( i = 0; i < fbPluginElements.length; i++ ) { ruuid = 'cf_' + (new Array(16).join().replace(/(.|$)/g, function(){return ((Math.random()*36)|0).toString(36)[Math.random()<.5?"toString":"toUpperCase"]();})); fbPluginElements[i].setAttribute('user_ref', ruuid) ; fbPluginElements[i].setAttribute('origin', window.location.href); window.confirmOptIn = function() { FB.AppEvents.logEvent('MessengerCheckboxUserConfirmation', null, { app_id:"1678638095724206", page_id:"288534304507180", ref:"b64:Z2l2ZWF3YXk=", user_ref: ruuid }); }; } } }); window.fbAsyncInit = window.fbAsyncInit || function() { window.fbMessengerPlugins.callable.forEach( function( item ) { item(); } ); window.fbMessengerPlugins.init(); }; setTimeout( function() { (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); }, 0); </script> <div class="fb-messenger-checkbox" origin="" page_id="288534304507180" messenger_app_id="1678638095724206" user_ref="" prechecked="true" allow_login="true" size="standard"></div>

在查看Facebook文档（https://developers.facebook.com/docs/messenger-platform/discovery/checkbox-plugin）后，我偶然发现了这段代码：

<html>
  <head>
    <script>
        function confirmOptIn() {
          FB.AppEvents.logEvent('MessengerCheckboxUserConfirmation', null, {
            'app_id':'APP_ID',
            'page_id':'PAGE_ID',
            'ref':'PASS_THROUGH_PARAM',
            'user_ref':'UNIQUE_REF_PARAM'
          });
      }
    </script>
  </head>
  <body>
    <input type="button" onclick="confirmOptIn()" value="Confirm Opt-in"/>
  </body>
</html>

此代码是实际触发消息所需的确认代码。当我拿到代码并在我的页面上内联测试它（而不是在重力形式内）时，它产生了一个按钮，正如你猜测的那样。按下该按钮时，消息将触发。请记住，带有其他代码的Gravity表单仍然在同一页面上。

现在我需要的是能够在成功提交重力表格时应用此效果。我正在努力实施。

我不熟悉Javascript。但是，如果我不得不猜测，我需要将上面的Facebook确认代码放入下面的代码中，以便将其连接到Gravity Forms Submission：

<script type="text/javascript">
jQuery(document).bind('gform_confirmation_loaded', function(event, formId){
    // code to be trigger when confirmation page is loaded
});
</script>

https://docs.gravityforms.com/gform_confirmation_loaded/#source-code

我还测试了下面的代码，看看我是否只需单击提交按钮即可使用它，但即使使用此最终产品，我也无法成功触发Facebook消息。< / p>

<script type="text/javascript">
  $(document).ready(function() {
    $('#gform_25 input[type=submit]').click(function () {
            function confirmOptIn() {
          FB.AppEvents.logEvent('MessengerCheckboxUserConfirmation', null, {
            'app_id':'APP_ID',
            'page_id':'PAGE_ID',
            'ref':'PASS_THROUGH_PARAM',
            'user_ref':'UNIQUE_REF_PARAM'
          });
      }
      confirmOptIn();
    });
  });
 </script>

我意识到这篇文章可能会让人感到困惑。我真的希望它不是，而且那里有一个答案。主要目标是在重力表单提交后触发Facebook消息。谢谢！

在提交重力表格时触发Facebook消息

0 个答案: