GOOD

Advertising

In lists of activity or followers (responsive)

300 x 50

<ul class="activity-list">
  <li class="ad-container">
    <div class="ad leaderboard" style="width: 300px; height: 50px;">
      …
    </div>
  </li>
</ul>

468 x 60

<ul class="activity-list">
  <li class="ad-container">
    <div class="ad leaderboard" style="width: 468px; height: 60px;">
      …
    </div>
  </li>
</ul>

728 x 90

<ul class="activity-list">
  <li class="ad-container">
    <div class="ad leaderboard" style="width: 728px; height: 90px;">
      …
    </div>
  </li>
</ul>

Leaderboard & Middleboard

If more than one advertisement appears in a list, each unit gets a unique name (for tracking)

<ul class="activity-list">
  <li class="ad-container">
    <div class="ad leaderboard" style="width: 728px; height: 90px;">
      …
    </div>
  </li>
  …
  <li class="ad-container">
    <div class="ad middleboard1" style="width: 728px; height: 90px;">
      …
    </div>
  </li>
  …
  <li class="ad-container">
    <div class="ad middleboard2" style="width: 728px; height: 90px;">
      …
    </div>
  </li>
</ul>

After paging (responsive)

300 x 50

<div class="ad-container">
  <div class="ad baseboard" style="width: 300px; height: 50px;">
    …
  </div>
</div>

468 x 60

<div class="ad-container">
  <div class="ad baseboard" style="width: 468px; height: 60px;">
    …
  </div>
</div>

728 x 90

<div class="ad-container">
  <div class="ad baseboard" style="width: 728px; height: 90px;">
    …
  </div>
</div>

With related content

<aside>
  <div class="ad" style="width: 300px; height: 125px;">
    …
  </div>
</aside>