Visual constructor is a tool that allows an advertiser to set up targeted events to increase the effectiveness of advertising without involving a website development specialist in the task.
The tool is created specifically for advertisers promoting websites.
How to use the visual constructor
Before you start setting up events, install VK Ads Pixel on the advertiser's site for which you plan to set up events.
When the Pixel is installed, go to the Sites section. Find the pixel you want in the list and click Settings.
The edit page for the pixel will open. Go to the Events tab and click Add Event.
Set the event settings.
1. Select how to name the target event:
- assign a name automatically (Auto) - recommended option,
- assign a name manually (Manual) → enter a name.
2. Select the event category from the drop-down list.
3. Select the In visual constructor setting mode.
4. Next, enter the address of the page where you want to configure the event in the Site URL field and click Configure Event. The site page with the event constructor running will open.
If you specify a link to the root of the site in the “Site URL” field (for example, https://site.com, not https://site.com/example), only the “/” character will be displayed in this field after the event is added.
5. In the opened site window, click on the button, whose click will count the triggering of the target event.
For example, to count adding an item to the cart, click the "To Cart" button, or click the name of the "Sale" section on the site if you want to count the actions of users who are interested in discounts.
The following items can be selected as tracked items:
<a><button><input type='button'><input type='submit'>
6. In the constructor, specify which elements to track:
- All similar buttons on the site - select to track clicks on all similar buttons on the site. For example, if you track a click on the Register button, then all clicks on all Register buttons on this page will be counted. This option would work, for example, if you have duplicate entry points on your landing page.
- Only selected button - select to track clicks only on a specific button. If there are several similar buttons on the site, only the selected one will count as a click.
- Transmit also price and product ID on the site - for ecomm purposes. Suitable for product catalogue pages.
If the event setting window of the visual constructor blocks the required element, you can move the window across the screen by clicking the icon in the upper right corner and dragging the window to the required position.
7. If necessary, add a new event: click "+Add New Item". In total, you can add up to 4 events for tracking on one site. Interaction with any of these elements will be considered as goal achievement (by OR rule) - i.e. a click on any of the added elements will be recorded in the statistics.
8. If the next site element for which you are setting up events is on another page of the site, switch to Site Navigation mode. In this mode, clicking on active site elements (links, banners, buttons, etc.), will lead to a transition to the appropriate page of the site, and not to the setting of an event for this element.
Once you have navigated to the desired page of the site, return to the Select Element mode and select the next required site element.
The tracking items you select are added to VK Ads under the same name as you have on your site. You can change this name to your own. To do this, next to the event name, click on the pencil (Rename) and set a new name. The length of the name should be no more than 20 characters.
For example, a click on the Get a consultation button will be automatically named as Get a consultation. You can rename this event to Consultation.
9. Click Save to finish creating the event.
The tab with the constructor will close and you will return to setting up the event in VK Ads. The page will show all the elements selected on the site.
To complete the setup, click Add Event.
The created event will appear in the list of events in a separate block Visual constructor Events.
To edit events, click on "..." to the right of the event name → Edit.
In the window that opens, click Edit event.
A tab with the site and a list of all configured items will open.
To change the settings of an element, click on it. You can:
- add new elements (up to a maximum of 4 elements in total),
- delete items that do not require tracking,
- change the item settings.
When you are finished editing, click Save.
To create a new target event, repeat the steps.
Please note that the visual constructor may be blocked by ad ad block systems (AdBlock, etc.) or browser settings (incognito mode or JavaScript blocking).