我想在Victoire CMS生成的按钮小部件中添加一个“onclick”属性,以便通过 GoogleAnalytics 跟踪点击事件。我该怎么做 ?
干杯
我想在Victoire CMS生成的按钮小部件中添加一个“onclick”属性,以便通过 GoogleAnalytics 跟踪点击事件。我该怎么做 ?
干杯
所以我想你在这里谈论的是一个小部件按钮。
不打算允许用户在此小部件上添加任意数量的属性。但是,您有多种解决方案。
1 - 使用渲染小部件(推荐)
将您的 Button Widget 替换为 Render Widget 并从您的应用程序控制器调用路由。您可以根据需要添加任意数量的参数:根据您的情况,根据您创建的按钮更改 Google Analytics 事件名称会很有用。
2 - 主题(最快)
每个小部件视图都可以通过使用自定义主题来覆盖。例如,您可以在此处创建文件app/Resources/VictoireWidgetButtonBundle/views/showGoogleAnalytics.html.twig
.
从原始视图复制代码vendor/victoire/button-widget/Victoire/Widget/ButtonBundle/Resources/views/show.html.twig
并根据需要进行更改。
然后你只需要在样式模式下编辑你的小部件并选择你刚刚添加的主题。如果您的主题没有出现在此处,请清除缓存或检查路径是否与上述路径相对应。
但是,此方法会为您的所有按钮添加一个新的可用主题,如果您的客户端尝试将此主题应用于另一个按钮,则可能会导致错误。这就是为什么我们推荐第一个解决方案。
3 - 使用HTML 小部件(快速而肮脏)
HTML Widget 允许您添加自定义 HTML 代码。
你可以使用这个:
<button onclick="myFunction()">Click me</button>
myFunction() 是 javascript 中的一个函数,当您单击按钮时会执行该函数。
每个属性都可以通过setAttribute("attribute", "value");