存储Javascript小部件参数（前端/后端）的最佳位置？

Question

我正在为一家在线旅行社工作，我们正在构建一个迷你搜索引擎，我们的合作伙伴可以将其插入到他们的网站中。

这是一个JS + HTML代码段，而不是iframe。类似于Google Adsense的东西：

<!-- Widget code to paste in partner page -->
<script async src="//example.com/minisearch.js"></script>
<ins class="minisearch-engine"
 style="display:inline-block;width:728px;height:90px"
 data-param1="ca-1597538769368159"
 data-param2="6301833493"
 data-* = '...'
</ins>

小部件有大约10个参数（可能更多）调节：背景图像，默认目标，大小......

辩论是开放存储窗口小部件配置的地方：

合作伙伴的
1. 前端：直接在脚本的参数或“ins”标签的数据属性中。
我们的数据库中的
2. 后端：小部件只有一个ID，配置存储在数据库中。根据要求，我们加载配置并为合作伙伴构建小部件。

最佳做法/论点是什么？

编辑（每一方的参数列表）：

FRONTEND：

• 快速解决方案

BACKEND：

• 参数更改值时更灵活
• 检查的可能性是调用小部件的网站是有效的合作伙伴
• 长期维护
• 无需向后兼容性