Dynamic products catalog
Synerise allows you to automatically build your product catalog based on specific <meta> tag values included in your page source.
The name of the property is defined in the property attribute, and the value in the content attribute.
Take a look at the following example:
<!-- "product" is the mandatory og:type for use with dynamic products catalog -->
<meta property="og:type" content="product">
<!-- the mandatory unique product ID, the Stock Keeping Unit (SKU), must be the same as the one sent to the cart/basket -->
<meta property="product:retailer_part_no" content="112233">
<!-- a product's photo -->
<meta property="og:image" content="https://example.com/photo/product_image.jpg">
<meta property="og:title" content="product_name">
<meta property="og:site_name" content="Example Site">
<meta property="og:url" content="https://example.com/product_site.html">
<!-- multiple categories are allowed -->
<meta property="product:category" content="category1_name">
<meta property="product:category" content="category2_name">
<meta property="product:price:amount" content="1,000.00">
<meta property="product:sale_price:amount" content="800.00" />
<meta property="product:original_price:amount" content="1,000.00"> WARNING:
- og:tags must be implemented in the structure of the HTML document in the head section of a product card. Tags must be placed at the very beginning of the page, so that they load before the Synerise SDK tracker loads.
- og:tags are included in the URL of the SDK request. If there are too many, the browser may not process the request. The following table presents the URL length limits for different browsers:
Browser Maximum URL length Google Chrome 32779 Google Android 8192 Firefox >64k Apple Safari >64k Microsoft Internet Explorer 11 2047 Microsoft Edge 16 2047
When the SDK is initialized, a page visit event that includes information from the tags is sent to the Synerise platform, where it is automatically stored in a special catalog.
Tip: You can add custom information that you want to keep in the catalog.
<meta property="product:customName1" content="customValue1">
<meta property="product:customName2" content="customValue1">
<meta property="product:customName3" content="customValue1">Using the inserts mechanism, you can refer to a catalog and retrieve all information contained in it.
You can find out more about og:tags on the Open Graph website.