在小部件中处理按钮点击

如果您需要在表单提交/链接跳转之前，使用 JavaScript 为按钮添加额外的处理逻辑，可以使用以下方法。

组件中的按钮具有类名 widget-button，点击时会触发一个名为 widget-button-click 的自定义 JavaScript 事件。

以下是一个代码示例：它为所有组件按钮（具有类名 widget-button 的元素）添加 widget-button-click 事件处理器，并将 AddToCart 事件发送到 Facebook Pixel（注意：如果您的按钮会提交表单，则可以在组件构建器中的按钮设置里配置 Facebook Pixel 事件）。

该脚本可以放在文档中的任何位置。

    const checkButton = setInterval(

        function () {

            const widgetButtons = document.querySelectorAll('.widget-button')

            if (widgetButtons.length) {

                widgetButtons.forEach(function (node) {

                    node.addEventListener(

                        'widget-button-click',

                        function () {

                            window.fbq && window.fbq('track', 'AddToCart')

                        }

                    )

                })

                clearInterval(checkButton)

            }

        },

        1000

    )