Basic Tagging

In the event that you are unable to expose the entire subset of the product tagging, you can simply tag the product-id.

nostojs(api => {
  api.setTaggingProvider("pageType", "product")
  api.setTaggingProvider("products", [{ product_id: "Canoe123" }])
})

To learn more about the api.setTaggingProvider usage, please refer to the official API documentation.

The full schema for product tagging is defined here

or via DOM tagging

<div class="nosto_page_type" style="display:none" translate="no">product</div>
<div class="nosto_product nosto_basic" style="display:none" translate="no"> 
  <span class="product_id">Canoe123</span>
</div>

When the entirety of the product metadata is tagged, Nosto is able to crawl your site and build a 1:1 replica of your product catalog but in this basic example, you will need to use an alternative mechanism for synchronising your catalog with Nosto.

Note: If you do use this approach, your account-manager must disable crawling for your account. Failure to do so will result in a broken catalog replica.

Via an API

In order to keep your product catalog in Nosto up to date, you must leverage the Products API.

Via a Feed

Nosto does not support a product feed and you must leverage the API in order to synchronise your product catalog.

Troubleshooting

Once included on all pages, you can review if the site is transmitting data using the Nosto Debug Toolbar. If you can see product attributes being picked up under "Tagging" then the product details are correctly set up. You can further verify that products are being indexed to the catalog under the Nosto admin by navigating to Tools → Products: https://my.nosto.com/admin/$accountID/campaigns/products/list

Nosto debug toolbar / products

Nosto product catalog

live-feed-product-view

Translate attribute

The translate attribute is a HTML5 standard attribute which specifies whether the value of the element and it's Text node children should be translated. If your tagging elements are being translated by e.g. Google Translator then this is the way to opt out elements being translated by Google and possibly other vendors.