GoAdserver
Live demo

In-image ads: on your own photos

The photos in this article carry the ads. Scroll down: as each large photo comes into view, a banner appears in a strip along its bottom edge. Close it with the ×.

These are live zones on a demo account with 15 made-up advertisers. Reload the page to see other banners.

1 · In-image ads in an articleHow to set one up
DEMO 1

In-image ads in a travel article

In-image ads use the photos that are already in your articles. When a large photo scrolls into view, the zone asks for a banner and shows it in a strip over the bottom of that photo, with an Ad label and a close button. The photo's alt text (or its caption) is sent along as keywords, so a campaign can target what the picture shows. Nothing in your page is moved or wrapped.

Zones #12512618 (728 × 90, screens from 760 px) and #12512620 (320 × 50, phones) · banner zones · Show in-image on

NewsGuidesReviewsDeals

Travel

Nine days, three cities by train

By the Voyalark team · 7 min read

Three cities, nine days and one rail pass. We started in the north with canals and bicycles, went south for the hills above the sea, and finished on the Atlantic with the trams and the custard tarts. Here is what we would do again, and what we would skip.

Amsterdam

Canal houses and autumn trees along a canal in Amsterdam, with a church tower behind them
The western canal ring on a sunny morning.

Amsterdam is at its best before ten in the morning, when the canal streets belong to cyclists and bakery vans. Walk the western canal ring from the old harbour to the flower market, then cross to the quieter streets of the east. Skip the boat tours at midday; rent a small electric boat in the evening instead and see the bridges lit up.

Stay away from the station area. A room on one of the side canals costs about the same and you fall asleep to bells instead of tram brakes.

Barcelona

View over Barcelona from the hills to the sea, with a domed observatory among the trees
Barcelona from the hill: the whole city down to the sea.

In Barcelona we took the old funicular up the hill at the end of the afternoon and stayed for the sunset over the whole city and the sea. It is the best free view in town. Down below, the old quarter is busy all day; the beaches north of the port are calmer and only a short metro ride away.

Eat late, like everybody else. Kitchens open at nine and the small places in the side streets of the old quarter are full by ten.

Lisbon

A yellow tram climbing a steep cobbled street in Lisbon
One of the old trams on a steep street of Lisbon.

Lisbon is built on hills, and the old yellow trams are the easy way up. The famous line is always full; the funicular a few streets away climbs to the same viewpoint with half the queue. Walk down, not up, through the old quarter, and end at the river for the evening light.

Buy the day ticket: it covers the trams, the funiculars and the lift in the centre, and it pays for itself after four rides.

Show the code
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<script>
goCtrl.add({"plugin":"inimage","fn":"init","fn_params":{"sid":12512618,"container":"","min_width":400,"max_images":3,"label":"Ad"}});
</script>

Phone zone (320 × 50), with min_width lowered to 300 so the photos on a phone screen qualify:

Show the code
<!-- once per page, in <head> -->
<script src="https://g2.gsrv.dev/ctrl/19460.js"></script>
<script>
goCtrl.add({"plugin":"inimage","fn":"init","fn_params":{"sid":12512620,"container":"","min_width":300,"max_images":3,"label":"Ad"}});
</script>
SET UP

How to set one up

Create an inline banner zone in a wide, low size (728 × 90, 468 × 60 or 320 × 50), switch on Show in-image in the zone settings and copy the zone code again: it now loads the in-image plugin and needs no placement div. Put it anywhere on the article page. In the code, container is the CSS selector of your article (empty = the page's <article>, then <main>), min_width the smallest photo that gets a strip (400 px by default), max_images the most strips per page (3) and label the ad label. A photo narrower than the banner gets no strip, so on phones use a 320 × 50 zone. One in-image zone per page.

Each strip is loaded when its photo is half on screen · the visitor can close it · any banner campaign in the size fills it

About the format: In-image ads · Publisher manual: Banner ad zones · All formats: Ad formats · More demos: all live demos

Run these formats on your own network

Every format on this page is part of the GoAdserver ad server. Talk to us about your platform.

Contact us