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