Creating and configuring blocks

Native blocks are placed on content sites. You can create a content site or use an existing one.

To create a native block, open Products → Native blocks and click Add native block. This will open a step-by-step widget builder.

Step 1. General

Select a content site to display the block on from the list, and enter a Block name.

Step 2. Design

Customize the appearance of your native block using the preview area to check the result.

Preview area

The preview area is a test container. To see how your block will look on the desktop or mobile version of the site, specify its width and height in pixels on top of the text container. For the mobile version of the site, you can evaluate how the block will look on different devices, with the horizontal or vertical screen orientation.

You can scale your preview area, but you will only see changes if the test container fails to fit into the designer field. The scale settings don't affect the block you're creating and are only for convenience. Select the appropriate option from the drop down menu:

  • Autoscaling — The size of the test container is automatically selected to fully fit into the code designer field.
  • Actual size — The length and width of the test container are they same as you manually set in pixels.
  • Fit to width (height) — The test container is displayed so that your width (height) fits to the designer field, with the height (width) changed proportionally.
Block parameters

A block is a grid, with cells containing ad spaces. The grid size is determined by the number of cells along its width and height, with a minimum size of 1 x 1 and a maximum size of 5 × 5. Set the Grid size so it fits the container of your website, keeping in mind the container's size and location.

Design customization

You can create a native block the same way you create native designs in RTB blocks.

You can use HTML and CSS to customize your block's appearance. If you don't have any HTML/CSS coding experience, you can select a preset Design template from the list instead.

If you're familiar with HTML and CSS, you can open the Code tab and edit the template however you like. You can use the HTML window to see how your block is structured. The CSS window lets you see various possible styles you can apply.

Step 3. Strategy

Choose an ad traffic management strategy.

Embedding the widget

To embed your block on a website:
  1. Find the block you made in the list Products → Native blocks and click Get code.
  2. You can change the code loading method in the code window if necessary.
  3. Copy the code to the clipboard using the button.
  4. Paste the copied embed code into the container in your page's code.

It's better not to paste the code into a text editor as some text editors may automatically insert line breaks, which would corrupt the code's syntax.

Editing the block

All parameters set during block creation (aside from the content site) can be changed at any time. To do this, find the desired block in the list Products → Native blocks and click Edit.

Note. We recommend that you do not use strategies or settings related to setting the CPM threshold. If auction bids do not reach the specified threshold, the block remains empty. Empty blocks don't bring any revenue and may negatively affect how your website is perceived by users.

Find out more