Dynamically Tagging content acquired via Forms

Forms let you collect comments, photos, videos, and custom data directly from your audiences and can be embedded on any webpage or in mobile apps. In addition to applying Content or Product Tags to content acquired via Forms, it is also possible to dynamically tag uploaded content. For instance, you can embed the same Form on all product pages in your ecommerce store and set content uploaded by contributors to be dynamically tagged to the right product.

How does Dynamic Tagging work in Forms?

Dynamic Tagging works by including additional data-attributes in the embed code of a Form. This can be achieved in a couple of different ways depending on your requirements and setup:

• You can manually add data-attributes to the embed code on webpages where the Form is embedded, or
• You can dynamically include the data-attributes in your webpage code – for, example based on the URL of a page or your product SKUs etc.

Dynamic Tagging works in addition to Tags automatically applied to all uploaded content in the Form’s settings. For example, if your Form is set to add ‘Tag A’ to all uploaded content, and you’re dynamically adding ‘Tag B’ in only specific cases, then all uploaded content will be tagged with ‘Tag A’ and content matching your specific case will be tagged with ‘Tag A’ and ‘Tag B’.

How to apply dynamically apply Tags to content uploaded via a Form

Get the embed code for the Form – see Publishing and Securing Forms.

Edit the embed code to include the additional data-attribute in the <div> element before including it on your webpages.

For example, to dynamically include a Tag with an id of 100, add the data-attribute data-tag-ids="100" to the <div> element, so it changes from:
<div data-role="buzzspark-form" data-id="xxxx"></div>
to:
<div data-role="buzzspark-form" data-id="xxxx" data-tag-ids="100"></div>

Or, to add multiple Tags with id’s of 100, 200, and 300, add the data-attribute data-tag-ids="100,200,300" to the <div> element, so it changes from:
<div data-role="buzzspark-form" data-id="xxxx"></div>
to:
<div data-role="buzzspark-form" data-id="xxxx" data-tag-ids="100,200,300"></div>

You can use any valid id of Content or Product Tags – see Exporting Content Tags and Exporting Product Tags for details on how to obtain the id of Tags.

Updated on: 03/02/2023