optimising online revenue

Adding those ads!

previous >


Working with code

Once you've signed up and been accepted into any of the advertising programs, you'll probably want to spend a little time experimenting with all the different types of ads you can create. Setting them up is simple: each site provides their own easy-to-use wizard, which usually includes presets for different shapes and sizes as well as a choice of text or banner ads. Often you can create your own color schemes, too.

Before designing your final ads, think carefully about the layout of your web pages - you may need to re-juggle sections if you haven't already left advertising space. And any ad you create will need to fit into place, of course, so it's worth considering the how this will work with your website open at the same time - you can usually judge dimensions by eye.

In all cases, once you've walked through your wizard the final button will deliver a chunk of code that looks something like this:

<!-- Begin AdVertiser code -->
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://ghf.advertiser.com/AdVertiser.cfm?pet=45893219" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.Advertiser.com/>pay per click</a></noscript>
<!-- End AdVertiser code -->

Scary? Many people think so at first! But in fact, the only thing you need to do is copy and paste this into the appropriate part of your website.

And if you're still thinking "that's fine, but where do I paste it" - read on. We're here to help.

Tip - a quick way to copy selected text is by pressing the Ctrl and C keys on your keyboard (Cmd C for a Mac). To paste, use Ctrl V (Cmd V). Make sure you copy code exactly as you see it - even tiny errors will stop it working.


Ad code in weebly

If you've created your site in weebly, any ad code has to be pasted into a special box known as a custom html element.

To access this, click the Elements tab then the More option.

make money with ads in weebly using Custom HTML
left: a Custom HTML element

Drag a custom html element into position in your layout (if you've previously left a space for ads using a picture or paragraph element, you'll need to replace it).

Once the element is positioned, it will display a 'click to set custom html' message. Go ahead and click, and an Edit Custom Html button then appears in the weebly Editor panel.

add your own advertising to weebly pages

Click this, and the interior of the element turns white, allowing you to paste your code inside (don't worry if nothing seems to happen straightaway - you won't actually see the ad until the site is online).

Click the Publish button to view your new ad.


Working with Adbrite in weebly - finding your ID

As we've already said, weebly makes it simple to drag and drop Adbrite ads into pages without any pasting of code needed. The initial hitch, however (and admittedly it's only a very small one) is that you'll need to use your own Adbrite account ID in order to make sure you get paid for the ads rather than weebly.

For some strange reason your personal id doesn't seem to be recorded anywhere in Adbrite's admin areas. Nevertheless, it is automatically embedded inside any ad code you generate. So to grab your id, you'll have to set up at an initial chunk of code, even though you won't have to actually paste this into a weebly page.

Once you've created the code (which you might want to copy and paste somewhere for future reference) look for the following:

In this case, the id is 456789 (we've underlined the numbers in the image ourselves). Yours will be another 6-figure number.

Using Adbrite Ads elements

Once you've successfully obtained your ID, the rest is simple.

click the Elements tab then the More option.

Drag an Adbrite Ads element into position in your layout.

Click just inside it, and Element Options will appear.

Click inside the Account ID box and type in your own account number

If you want to, use the Orientation pull-down menu to change the appearance of your ad.

make money with weebly creating your own adbrite account

That's it! Just remember to change the ID every time you use a new Adbrite element.

if you're a new Adbrite user, ads can take up to 24 hours to appear in your site.


Ad code in 350.com

350 isn't anything like as flexible as weebly when it comes to layout, so you'll need to be sure that your chosen template already has a text area that's a suitable size (you won't be able to easily replace any of the images with ads).

We've found that horizontal areas of text seem to work better than vertical ones.

Hover the mouse over the text until a dotted line appears around its box, then click. The Editor bar should appear.

Click the Edit option (the pen icon) to open the text editing panel.

If you wish to change the text itself, do this now by simply typing in and formatting your copy. It's also worth creating extra space (by pressing the return key on your keyboard) wherever you want your ad positioned.

Next, click the html tab at the top of the text editor panel. This will show any typed text surrounded by lines of code.

Locate the position where you want your ad to appear, then paste the code into place.

Click the Save option at the base of the panel, then click the main Save Page option (a green check button) to publish your page and view the ad. Note that it may take several minutes to appear.


Ad code in iWeb08

We've already explained how to use iWeb's very simple option for adding Google AdSense to your pages. But it's also possible to easily ad code from any other advertising program, too.

To do so, you'll need to open HTML Snippets from the Insert menu, then paste your code into the window. OK this, then drag the resulting 'widget' into position on your page. Nice and easy!

Bookmark to: Del.icio.us Bookmark to: Facebook Bookmark to: StumbleUpon