Custom

Description

  • Type name: custom
  • Optional widget
  • Placement type: fixed, auto

Optional widget which allows you to insert your own custom HTML/JS/CSS codes and attach JS-libraries.

Provides flexibility and greater customization options.

The code from this widget will be inserted shortly before it appears in the viewport (lazy loading strategy) or immediatly if placed in the first screen.

Properties

FixedPlacement [optional]

Placement name. See Fixed Placements for more informations.

If undefined, the widget uses the auto placement logic.

HeadJSLibraryUrl [optional]

Supported events: Auto, OnLoad, OnScroll

Insert you own JS library into the <head></head> section using template <script async type="text/javascript" src="<%HeadJSLibraryUrl%>"></script>

HeadCustomHTML [optional]

Supported events: OnLoad

Insert you own HTML code into the <head></head> section.

CustomCSS [optional]

Supported events: OnLoad

Insert you own CSS code next to widget code.

Use CSS code only (without <style> tags).

CustomHTML [optional]

Supported events: Auto, OnLoad, OnScroll

Insert you own HTML code into the widget placement position.

JSON example

[{
    "Type": "custom",
    "Id": "abcABC123",
    "FixedPlacement": "AboveTitle", 
    "HeadJSLibraryUrl": "https://example.com/lib.js", 
    "HeadCustomHTML": "<link rel=\"stylesheet\" href=\"https://example.com/style.min.css\"><script>alert('Hello world!');</script>", 
    "CustomCSS": "body {background: white;}", 
    "CustomHTML": "<a href=\"#\">Example link</a>"
}]