Creating and configuring blocks
To create a native block, open Add native block. This will open a step-by-step widget builder.and click
- 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.
- 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.
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:
- 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
- Find the block you made in the list Get code.and click
- You can change the code loading method in the code window if necessary.
- Copy the code to the clipboard using the button.
- 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 Edit.and click