[siteorigin_widget class=”SiteOrigin_Widget_Image_Widget”][/siteorigin_widget]

**Definition of a content piece (banner)**
* A content piece is an element that is seen and clicked by people, to create traffic to specific parts of the website
* A content piece has:
– Content name,
– Content image (for a banner) or a Content text (for text ad) – _optional_,
– Click URL, where the content links to – _optional_.
* **Tagging of the content piece**
* you may add a CSS class for the main content element (<div>, <img> or <a>):
<div class=”piwik-trackcontent” id=”sample”>
* or you may add a tag “data-trackcontent” to the main content element:
<div data-trackcontent id=”sample”>
* the **Click URL**, **Content Image** and **Content Name** will be detected automatically or can be specified by using CSS class or tag to the link element:
– the **Click URL** can be a landing page or a product page. Help Piwik detect this Click URL by tagging your content links elements:

* by default, Piwik will automatically detect the first link found within the content:
* you may add a CSS class to the link element to track, <a class=”piwik-trackclick” href=”{CLICK_URL}”>
* you may add a tag “data-click” to the link element  <a data-trackclick href=”{CLICK_URL}”>
– the **Content Image** is what all visitors see before clicking on the content.
* by default, Piwik will automatically detect the first image found within the content:
* alternatively, you may add a CSS class to the image element to use as banner image.
<img class=”piwik-banner” src=”{BANNER_IMAGE}”>
* or add a tag <img data-banner src=”{BANNER_IMAGE}”>
– the **Content Name** must be memorable and distinguishable from others. Piwik will detect the content name by:
* reading the ‘data-name’ attribute of the main content element: <div data-name=”Content name 1″ …>
* reading the title element of the main content element: <a href=”{CLICK_URL}” data-trackclick title=”This is used as content name”>
* reading the title element of the Image found within this link element and used as content image <a href=”{CLICK_URL}” data-trackclick> <img title=”This is used as content name” src=”{BANNER_IMAGE}”> </a></p>