HTML Editor

The AdsBridge landing page editor is an environment which is intended for creating web pages in the AdsBridge system for their further publication and use for marketing purposes. In HTML mode the Editor has a code area (1), management panel (2), and a management and addition sidebar (3).

Visual Editor

1. Code Area

The code area is intended for the pasting and editing of HTML code. The code contained in this field (thereof JavaScript code) will be presented between thetags when viewing the created page. To prevent instances of unsaving the page you should pay attention to the correct closing tags and the matching of single inverted commas within them.

2. Management Panel

The management panel is intended for adding and uploading multimedia files. In HTML mode only File Manager is used for uploading images, video and audio files, and fonts for their further use on a web page.

3. The Management and Addition Sidebar

The management and addition sidebar in HTML mode is intended for managing the web page content between thetags.

The Page Properties tab allows you to set the web page name, the meanings of key words metatags and their descriptions, and also submit your page for inclusion in search engine indexes.

The CSS tab allows you to upload CSS styles and add them from third-party external resources, specifying the link (for example, you can add fonts from Google Fonts — https://www.google.com/fonts). You can also manage the order in which files are added and edit the uploaded files remotely.

The JS tab allows you to upload JavaScript files and add them from third-party external resources, specifying the link (for example, you can add jQuery library from Google CDN – https://developers.google.com/speed/libraries/devguide). You can also manage the order in which files are added and edit the uploaded files remotely.

Working with Links

The main purpose of web pages that are created using the AdsBridge editor is delivering comprehensive information and redirecting the user to a target page upon clicking the link of interest, or other action specified beforehand. All links in HTML code that lead to the target page from the created page must have the href attribute value in the # form.

For example,

<a href=”#”>Go to target</a> in an editor

will result in the link with the right value of href on the created page.

If this is a multi-offer landing page, and it displays more than 1 offer, the links in HTML editor must be in the following format:

<a href=”#”>Offer 1</a>

<a href=”#2″>Offer 2</a>

<a href=”#3″>Offer 3</a>

If your HTML code contains other links (tags <’a’>), the jump from which to other pages is unwanted, the href attribute will be assigned with a value of javascript:void(0) (for example, <’a>Stay<a’>). For the sake of good order when using the created page, it is recommended to check for availability of jump from your page to the target page (whenever appropriate, you should start creating a campaign with a test target page).

Working with Images

All URLs of images in HTML code and uploaded CSS files are replaced for each newly created page. The process of URL replacement occurs in the following cases:

1. When saving HTML code or previewing the created page

2. When uploading CSS files (the URL replacement is not performed anew when editing the uploaded file remotely)

3. When copying the page via the Manage Landing Pages tab

It should be noted that:

- URLs of images in JavaScript are not replaced;

- the file names must be correct.

Working with HTML

The final pages are compiled with element for HTML5.

Working with CSS

The CSS files can be uploaded or added remotely. Specifying the link via the management and addition sidebar (CSS tab) can be viewed as an example of CSS files added remotely, if the link leads to CSS Bootstrap library or the file, which adds special fonts from Google Fonts, that can be further used in uploaded custom CSS files. The uploaded CSS files can be edited remotely. It should be noted that CSS code must be correct — all curly braces must be closed, and smart quotes in the background must match or should be omitted. Otherwise, your page will be displayed incorrectly or won’t be saved.

Working with Geolocation

The AdsBridge tools allow to get the current user’s location at the moment when the required page is opened. To realize such an opportunity, you should add the script via the management and addition sidebar (JS tab) from http://www.adsbridge.com/geoip.js URL.

The following JavaScript functions become available after the script has been added:

  • geoip_country_code();
  • geoip_country_name();
  • geoip_city();
  • geoip_region();
  • geoip_region_name();
  • geoip_latitude();
  • geoip_longitude();
  • geoip_postal_code();
  • geoip_area_code();
  • geoip_metro_code();

A detailed description of all available functions can be found here: http://dev.maxmind.com/geoip/legacy/javascript/

An example of functions used in HTML code:

<script>
document.write( geoip_city() );
</script>

It should be noted that the location can either be not found or found incorrectly. The geolocation script only works when requested by a page in the AdsBridge system, and won’t work from URLs not connected to the system or connected locally.

Common Errors

1. The code in code area is formatted. It is not recommended to use the // commentaries in JavaScript insertions. Each line is commented completely, that’s why part of your code can enter into this line during the formatting process.