Хранение расширенных объектов электронной коммерции JS в атрибутах html

Я пытаюсь настроить расширенные клики по продуктам электронной коммерции для нашего веб-сайта, и чтобы он работал, мне нужно отправить контент слоя данных в GTM / Analytics. Чтобы получить всю информацию, необходимую для уровня данных, мне нужно было бы отправлять переменные с одного контроллера на другой. Чтобы избежать этого я надеялся просто создать атрибут, представляющий собой строковый объект json, который я могу проанализировать, используя событие нажатия, которое отправляет данные в GTM / Analytics.

<a href="" gaobject="{'name': 'Canon BP-820 Lithium-ion Camcorder
Battery', 'id': '1227C142FH',
'price': 1640.00, 'brand': 'Canon',
'cat': 'accessories/camera-accessories/batteries',
'position': 3, 'href':
'http://test.site.co.za/accessories/camera-
accessories/batteries/canon-bp-820-lithium-ion-camcorder-
battery'}">...</a>

У меня вопрос такой: Опасно ли это в какой-либо форме для безопасности нашего сайта или сбора данных? Из того, что я понимаю, если данные должны были быть обработаны через исходный код, неправильная аналитика могла быть захвачена, но это об этом?
И в этом свете, может ли быть более эффективный способ сделать это?

Некоторые заметки:
Функция JS включает e.preventDefault (). Мое намерение состоит в том, чтобы в нашем главном файле .js была одна функция, которая получает объекты json, записывает и отправляет их в аналитику в качестве слоя данных, а затем впоследствии загружает страницу, для которой изначально был задан href.