Corner Ad

Description

Corner Ad features:

» Minimally invasive
» Display the ad at top corner area of the page
» The animation in the Corner Ad captures the user's attention
» It is possible to associate an image and an URL to the Corner Ad
» The target of the link can be selected
» Configurable background color for the ad to match the web page design
» Automatic mirror effect
» Configurable time for automatic open and close actions

Corner Ad is a minimally invasive advertising display that uses any of your webpage’s top corners – a position typically under-utilized by developers – and attracts users’ attention by a cool visual effect imitating a page flip. Corner Ad initially displays a partial ad, which attracts attention; when user hover the mouse over it, the ad opens to its full size while imitating a page-flip effect; once the mouse is moved away, the ad returns to its initial size.

Corner Ad can also be used for announcements, newsflashes, and basically for anything else that you consider important and want your website visitors to see. It is common nowadays that visitors quickly scan the contents of a page and often fail to notice messages that you would like them to see; Corner Ad attempts to resolve this issue.

More about the Main Features:

  • Minimally invasive.
  • Display the ad at top corner area of the page.
  • The target of the link can be selected, so it can open the new page in the same browser’s window or into a new window.
  • Configurable background color for the ad to match the web page design.
  • Automatic mirror effect
  • Configurable time for automatic open and close actions.
  • The corner ad effect is made using Flash.

The base plugin, available for free from the WordPress Plugin Directory has all the features you need to create an audio and video player on your website.

Premium Features

  • Supports multiple ads into the same website (each ad in a different page) to promote different products.
  • Allows the selection of which top corner area of the page (right or left) will be used to display the ad to avoid overwriting important elements like logos, menus or search features.
  • Count the number of click for Ads. The number of clicks on the ads, measures the impact of advertising on the web site’s users.
  • Allows to associate multiple images to the same ad. The ad image is selected randomly each time is loaded the page containing the Corner Ad.
  • Allows to associate a audio file to the advertising obtaining a bigger impact. The audio file will play in background.
  • Allows to enter multiple ids in the shortcode, separated by comme, for example: [corner-ad id=”1,2,3″], to select randomly the ad to include in the webpage.

The “Corner Ad” is the perfect replacement of the old and invasive banners, the “Corner Ad” is small but its location and animation is able to capture the user’s attention.

Demo of Premium Version of Plugin

http://demos.net-factor.com/corner-ad/wp-login.php

http://demos.net-factor.com/corner-ad/

Requirements: The browser must support Flash.

If you want more information about this plugin or another one don’t doubt to visit my website:

http://wordpress.dwbooster.com

Interface

Creating an Ad

To create an ad go to the settings page under the menu “Settings > Corner Ad” or the link “settings” into the plugins area. The first screen will display the list of ads already created and a button “Create New Ad” for adding new ads.

  • To create a new ad, use the “Create New Ad” button.
  • To edit an existent ad, use the “Edit” button related to the ad.
  • To delete an ad, use the “Remove” button related to the ad.

The edition screen allows the configuration of the ad featuring the following options:

  • Ad name: Name used to identify the ad in the list.
  • Ad Link: Link to a page that will be opened when the user clicks on the ad. The link must be an absolute URL if you are promoting an external website.
  • Open Ad in: The options are “New page”, to open the page in a new browser window, or “Self Page”, to keep the navigation in the same browser window.
  • Ad image: Address (URL) of the image that will be used for the ad. If you click the “Browse” button the WordPress media library will be opened to select one of the images already available in your WordPress website and you can also add new images there. It is possible to associate multiple images to the same Ad, the images will be randomly selected to display in page.
  • Ad audio: Address (URL) of audio file to play in background.
  • Set as mirror: Automatically enable the image mirror on the ad.
  • Use corner with color: Applies a color to the ad cover.
  • Display Ad in corner: For selecting which top corner (Left or Right) will be used to display the ad.
  • Open corner in: Time in seconds to automatically open the ad.
  • Close corner in: Time in seconds to automatically closet the ad.

Inserting the Ad

To inset the ad into a post or page open the post/page for editing and use the “Corner Ad” icon that is located above the editor.

A floating panel will appear allowing the selection of the corner ad to be inserted into the post/page. Once selected a shortcode with the ad’s ID will be inserted into the content., for example: [corner-ad id=3] (the 3 is the ID of the ad in this sample).

To insert an ad directly into the website theme to display it across all the pages or into specific sections, edit the template and insert the following code fragment:

<?php echo do_shortcode(‘[corner-ad id=3]’); ?>

To identify the ID that belongs to each ad, go to the page in the settings area where the ads are created. On that list each ad has its shortcode with its ID.

Screenshots

  • Corner Ad Preview
  • Plugin Installation
  • Plugin Settings
  • Create a New Ad
  • Setting Page with the List of Ads
  • Isertion Icon
  • Corner Ad Insertion Interface
  • Sales Reports

Installation

To install Corner Ad, follow these steps:

  1. Download the plugin (zip file).
  2. Go to the WordPress Plugins menu in the dashboard area.
  3. Press the “Add New” button.
  4. Click the “Upload” link and select the downloaded plugin.
  5. Once installed click “Activate” to enable it.

FAQ

Installation Instructions

To install Corner Ad, follow these steps:

  1. Download the plugin (zip file).
  2. Go to the WordPress Plugins menu in the dashboard area.
  3. Press the “Add New” button.
  4. Click the “Upload” link and select the downloaded plugin.
  5. Once installed click “Activate” to enable it.
Q: Why the image does not cover the entire corner?

A: The Corner Ad has square form, so it is recommended to use proportional images.

Q: Is supported the plugin “Corner Ad” on mobiles?

A: Yes it is. From the version 1.0.5, the “Corner Ad” plugin was re-implemented, to replace Flash, as the base technology, by SVG, that is supported natively by the most popular browsers, even its mobile versions.

Reviews

Very cute call out

Very cute little plug in, works great except pulls the rest of the content a little off of center on the iphone. Still, really nice call out particularly for desktop. Put in the footer and it works in all pages.

Brilliant! works perfectly

I’ll be definitely upgrading. I don’t write reviews of plugins usually as i download so many but this is perfect. You can add an affiliate offer PER post – which i like rather than an offer that covers all the content and this allows focused, targetted offers. This is really easy and simple to setup, it works as described. Dont think id use the audio bit (maybe a voice over) but im sure readers would find that bit annoying i know ido Cheers.

Read all 15 reviews

Contributors & Developers

“Corner Ad” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Corner Ad” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0

  • First version released.

1.0.1

  • Improves the plugin documentation.
  • Increase the z-index assigned to the corner ad, to solve an issue with the headers in some themes.
  • Allows the use of new versions of jQuery framework, include with the latest updates of WordPress.
  • Crop the images used in the corner ad in square size.

1.0.2

  • Reimplementation of the Corner Ad. The new version uses SVG to extend the support to the mobiles devices.

1.0.3

  • Loads the Corner Ad directly, and not through jQuery, to prevent an issue on web pages, where jQuery is loaded directly from a CDN server, and not from the website.

1.0.4

  • Modifies the z-index assigned to the Corner Ad.

1.0.5

  • Modifies the styles assigned to the Corner Ad.

1.0.6

  • Allows to select a different image for the shrunken status of the corner ad.

1.0.7

  • Modifies the Ad animation, loading better the big image.

1.0.8

  • Calls the esc_html function of WordPress for fixing a vulnerability with the name of the “Corner Ad” (Thanks to www.exploit-db.com for identifying the vulnerability and warn us)

1.0.9

  • Improves the access to the help.
  • Includes a predefined language file.

1.0.10

  • Includes some changes in the dialog to insert the shortcode.
  • Improves the access to the plugin page.

1.0.11

  • Modifies the module for accessing the WordPress reviews section.

1.0.12

  • Fixes an issue in the promote banner.