How can I send custom data on click event from code?

Hi,

It is not recommended to send Heap properties in JSON format, you won’t be able to use it in Heap and also the code would give you errors.

My suggestion for your use case would be to apply one of the following two methods:

• Send one property “Filter Used” with the comma separated string of the filters that have been used (having value as true). e.g. “has_instagram, has_tiktok”
  window.heap.track("Show Results Click", {"usedFilters": "has_instagram, has_tiktok"});
• Send each of these properties as separate properties instead of sending them under one property as JSON object. e.g. {“has_intagram”: True, “has_tiktok”: False …...}
  window.heap.track("Show Results Click", {'has_done_brand_deals': 'false', 'has_instagram': 'true', 'has_link_in_bio': 'false', 'has_merch': 'false', 'has_patreon': 'false', 'has_tiktok': 'false', 'has_twitch': 'false', 'has_youtube': 'false'});

Hope this helps!😊