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.

The Dynamic Tagging feature is only available on selected Plans.

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’.

Reach out to us via chat or email if you have any questions or need help - our developers are always happy to help.

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.

If Dynamic Tags are not working in your implementation, check your embed code includes a valid tag id and the Dynamic Tagging feature is included in your Account Plan. See Upgrading to your Plan for details on how to upgrade your Account plan.

Reach out to us via chat or email if you have any questions or need help - our developers are always happy to help.

Updated on: 03/02/2023