如何在Victoire的生成小部件中添加HTML属性

时间:2017-05-18 14:38:25

标签: html symfony widget victoire

我想添加一个" onclick"由Victoire CMS生成的按钮窗口小部件中的属性,以便跟踪GoogleAnalytics的点击事件。我该怎么办?

干杯

2 个答案:

答案 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");

添加