TotalApp Docs
Ctrl K
EN | TR
Go to App

Skyscraper Ads

Design 160×600 and 120×600 vertical skyscraper banner ads for the Google Display Network.

Overview

Skyscraper ads are tall, narrow vertical banners that appear in the sidebars of websites. They are highly visible because they stay in view as users scroll.

Supported Sizes

SizeNameCommon Placement
160×600 pxWide SkyscraperRight sidebar (most common)
120×600 pxSkyscraperNarrow sidebars
300×600 pxHalf PagePremium sidebar placement

Editor Layout

The canvas is oriented vertically to match the skyscraper format. Use the vertical scroll guide to see how the ad looks as users scroll past it.

Design Tips

Vertical flow

Stack elements top to bottom: logo → hero image → headline → CTA.

Sticky element

Place your CTA near the bottom so it is seen as users scroll.

Background image

A full-height background image with a semi-transparent overlay makes skyscrapers stand out.

Animation

Subtle entrance animations increase attention — avoid looping animations that distract.

AI Content Generation

The AI button generates copy optimised for vertical layouts:

  • A bold headline for the top section.
  • Two to three supporting bullet points.
  • A clear CTA for the bottom section.

Exporting

Export options:

  • PNG — static skyscraper image.
  • HTML5 — animated banner with scroll or entrance effects.
  • All skyscraper sizes — ZIP with 120×600, 160×600, and 300×600 versions.

Frequently Asked Questions

Why is the skyscraper canvas oriented vertically instead of the standard landscape editor view?
Skyscraper ads (160×600, 120×600, and 300×600) are tall, narrow formats designed for website sidebars, so the editor switches to a vertical canvas to match. This lets you preview exactly how the ad will look as it scrolls alongside page content, and the vertical scroll guide helps you check that key elements stay visible in the viewport at different scroll positions.
Where should I place my call-to-action button in a skyscraper ad?
Place the CTA near the bottom of the vertical layout, following the recommended top-to-bottom flow of logo → hero image → headline → CTA. Because skyscraper ads remain in view as users scroll down a page, a bottom-anchored CTA is more likely to be seen right as the user's attention naturally moves down the sidebar.
What does the AI Content Generation button produce for skyscraper ads?
It generates copy specifically optimised for the vertical layout: a bold headline for the top section, two to three short supporting bullet points for the middle, and a clear call-to-action for the bottom section. This keeps generated copy aligned with the vertical flow design tip rather than producing horizontal-style ad copy.
Which export format should I choose if I need to run the same skyscraper ad across multiple sidebar sizes?
Use the "All skyscraper sizes" export option, which packages 120×600, 160×600, and 300×600 versions together in a single ZIP file. Choose PNG if you only need a single static image for one placement, or HTML5 if you want an animated banner with scroll or entrance effects for richer display network placements.