The Action Block allows for the creation of a simple button that when clicked will go to the URL defined in the URL field. Users can change the button label, button color, and text color. One or several buttons can be added to a SAM.
Block Preview
Block Preview displays the block as it will appear in the SAM and will update as changes are made to any of the settings.
Code
Code displays how the JSON is written as an additional view for programmers.
(X) deletes the block from the SAM
Enable Block
Removes the Block from the SAM but keeps it available for use at a later time or imported into another SAM.
Settings
Title
The text entered here will appear on the button.
Hyperlink
This is the link that will be used when the button is clicked or tapped in the SAM.
UTM Tracking
For any block that includes a Hyperlink field, UTMs can be used and will be added to the end of the URL when the end user clicks that link. This allow for brand or other third parties to track different actions within a SAM.
Pixels
Up to 5 third party pixels can be applied to the action of clicking the Action Button. Copy/paste the pixel and click the + button to add. A pixel can be removed by clicking the clicking the garbage can.
Size
This pane allows the block height used for the action button to be defined:
- Auto: will automatically adjust relative to other blocks used in the SAM
- px: define a height in pixels
- %: A percentage value relative to other blocks in the SAM
In most cases, “Auto” will be all you ever need.
Label Settings
All settings for the text used in the Title field are controlled here.
- Fonts: 11 cross-browser web-safe fonts can be selected
- Style: Bold, Italic, and Underline
- Font Size: a slider from 1-34 pixels
- Text Color: Click the color chooser icon to bring up a color choose for both HEX and RGB or copy/paste HEX or RGB directly in the field. Use of color names is also supported such as blue, red, yellow, etc. A full list of names can be seen here:
- https://www.w3schools.com/colors/colors_hex.asp
Padding
Padding allows for the content to be manipulated within its block on all sides by entering a percentage or pixel value.
Button Color
This allows for the bottom color itself to be changed. Button Color: Click the color chooser icon to bring up a color choose for both HEX and RGB or copy/paste HEX or RGB directly in the field. Use of color names is also supported such as blue, red, yellow, etc. A full list of names can be seen here:
- https://www.w3schools.com/colors/colors_hex.asp