Добавление CSS-класса в объявление Google DoubleClick For Publishers

Question

Как следует из заголовка, в настоящее время я ищу способ добавить класс CSS в раздел объявлений на моем сайте, предоставленный Google DoubleClick For Publishers.

У меня есть боковая панель на сайте, содержащая мои объявления, которую я хочу отображать таким образом, чтобы у них было поле размером в 10 пикселей, отделяющее каждое объявление.каждый элемент Google в таблице стилей и установка поля наверху на 10 пикселей.Итак:

#google_ads_div_MySite_Home_MPU1_300x250_ad_container, #google_ads_div_MySite_SiteWide_LargeButton1_300x100, #google_ads_div_MCV_SiteWide_LargeButton2_300x100{margin-top:10px;}

Однако это невероятно грязно и требует тщательной проверки таблицы стилей, чтобы проверить, было ли определено каждое объявление.На большом сайте это может быть кошмаром.

Кто-нибудь может помочь?

Answer 1

Вместо того, чтобы изменять идентификатор рекламного блока с помощью css, примените свой CSS к дочернему элементу контейнера объявлений.

Ваш HTML, вероятно, выглядит как

<div>
    <div id="google_ads_div_MySite_Home_MPU1_300x250_ad_container">some ad</div>
    <div id="google_ads_div_MCV_SiteWide_LargeButton2_300x100">some other ad</div>
</div>

измените его на

<div class="ad_container>
    <div id="google_ads_div_MySite_Home_MPU1_300x250_ad_container">some ad</div>
    <div id="google_ads_div_MCV_SiteWide_LargeButton2_300x100">some other ad</div>
</div>

и в css:

.ad_container div {margin-top:10px}