House Ads in the official Ad Plugin

Not true. You can see our own ads (“Stay hydrated!”) below that last post of a topic when you’re not logged in.

3 лайка

I think I came across a small bug:

image
Expected behaviour: Both house ads are shown after another.
Actual behavior: Only the ad that is added later is shown.

1 лайк

It will display one of the list randomly.

10 лайков

Strange, I’ll look into my code and share the link here. Thank you. :slight_smile:

1 лайк

Hi! Our “Topic above suggested” ad is not completely below the “Reply” button by default here?

This is how the ad appears for unregistered or ‘not-logged-in’ users, the ad goes right side.

This is how the ad appears for logged-in users, below the “Watching” button and in a proper centralized way we coded. You can check this on our HBB Forum.

Using extra “margin-bottom” will affect the already perfect one for registered users view. Kindly let me know your thoughts, please.

2 лайка

I’m working on something for this issue, but my browser’s cache is acting weird, I’ll share an update if it works. Thank you. :smiley:

1 лайк

Looks like a problem with your html and/or css. Add css like clear: both;, display: block, etc. whatever is necessary there.

7 лайков

Hi,

Is there any code to display banner on mobile since when i did as video, there is no switch when access forum on mobile. And the banner with dimension 728x90 will not fit mobile screen.

Anyone know please,

2 лайка

You’ll need to make it responsive. You have total freedom on the html and styling, so responsive CSS is up to you.

7 лайков

Thank @neil , I found the way to do it.

2 лайка

Testing this plugin now and seems super useful. Thanks @neil!

A few quick points of feedback / suggestions:

  1. Tweak to improve default formatting for between posts ads: these go full width unless explicitly set otherwise, which works fine for top / bottom of page, but in posts stream can interfere with the topic timeline. I think the between posts ads should have a default max-width same as post content. To approximate this I added .house-post-bottom {max-width: 700px;}

  2. Seems that renaming an ad also removes it from the display locations setting. May be easy to miss; probably ideal to catch the rename and update in the locations instead if possible.

  3. For me at least, on saving a new ad + adding to a location, it takes a few minutes to actually show up on the site. Not sure if that’s avoidable (or if others are noticing this at all); not a major issue but makes testing a bit slower.

  4. One idea to extend this that came to mind is adding a per-ad group setting. I’m thinking of cases where it’d be useful to e.g. show certain ads to only anons, and other ads only to logged in users. Or different ads to different group-based tiers on a membership site (to ‘join’ vs. ‘upgrade’ for example).

6 лайков

Всем привет,

1- Я пытаюсь отслеживать количество кликов по баннеру, добавляю код ниже, но, похоже, он не работает. Есть какие-либо предложения?

<a href="http://bit.ly/2MSa3ZF" onclick="ga('send', 'event', 'banniere', 'petiteetoile', 'ban-petites-etoiles');">

2 - Какой будет лучший способ отслеживать показы для каждого баннера?

Большое спасибо,

1 лайк

как это исправить?

я хочу, чтобы было так

1 лайк

Есть ли ошибки в консоли JavaScript? На мой взгляд, всё должно работать. Оставлю советам экспертов по рекламе вопросы отслеживания показов.

Вот CSS, который мы используем для Let’s Encrypt. Адаптируйте его под свой HTML:

.house-creative {
    margin: 0 !important;
}

.h-creative {
    display: block;
    clear: both;
    max-width: 500px;
    color: $primary !important;
    background-color: $secondary;
    .container {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 6px 0;
    }
    p {
        margin: 0 20px;
    }
    .product-image {
        width: 150px;
        height: 150px;
    }
    img {
        max-width: 150px;
        max-height: 150px;
        &.mozilla {
            max-width: 300px;
        }
    }
    .big {
        font-size: 24px;
        line-height: normal;
        padding-bottom: 10px;
    }
}

.mobile-device .house-creative {
    .product-image {
        width: 120px;
        height: 120px;
    }
    img {
        max-width: 120px;
        max-height: 120px;
        &.mozilla {
            max-width: 240px;
        }
    }
}
5 лайков

Значит, мне нужно добавить это в CSS моей темы?

Кстати, после обновления ядра получаю это

1 лайк

Да, лучшее решение — создать компонент темы, чтобы разместить в нём весь CSS для House Ad, а затем добавить его в ваши активные темы.

5 лайков

Разве у нас нет мета-руководства howto по этому вопросу, @tshenry?

5 лайков

Теперь мы можем! Черновик можно найти здесь: House Ad Templates

6 лайков

У вас в браузере установлен блокировщик рекламы? Есть ли какие-либо ошибки в консоли JavaScript?

5 лайков

Не сработало, братан, всё так же

Спасибо, помогло… Нет, я использую браузер Brave, поэтому попробовал из другого браузера…

1 лайк