davwheat Ad Units

davwheat

davwheat Ad Units

A Flarum extension that provides ad unit support for your Flarum forum.

Supporting my work

Want to support my open source work? You can sponsor me with a monthly or one-time payment through my GitHub Sponsors profile.

Special thanks

Thank you to @MikeJones and @xasharma for sponsoring this extension! 🥰

Installation

Install with composer:

composer require davwheat/flarum-ext-ads:"*"

Updating

composer update davwheat/flarum-ext-ads:"*"
php flarum migrate
php flarum cache:clear

Usage

Head to your admin dashboard and enable the extension. Switch on the Ad Unit locations you'd like, then paste your ad code in the textboxes below.

If you use "between post" ads, make sure to configure the gap between ads in the extension settings page.

⚠️ If you use Google AdSense, only insert the <ins> tag into the textbox.

⚠️ The text boxes do not support <script> tags. These scripts will not be executed if you enter them into the text boxes, due to how Mithril functions.

Links

luceos

davwheat thanks for reviving and refreshing this extension 😍

Abdulkader

davwheat Thank you man!

Ffuser1

davwheat this is lovely.
Thank you so much.

In future, ability to hide adds from a selected user group would be great.

Braden

davwheat I didn't know your are a genius! Many thanks 🎉🎉

xasharma

Great ads Extension For Flarum .... Loved it 🔥

Walys

Very good extension @davwheat !
And many thanks to @xasharma and @MikeJones for sponsoring and leave it open for everyone.

Ffuser1 Yes, I think is a good future update!

xasharma

davwheat

Is there any solution? (changing the size of the ad ? )

luceos

xasharma changing the size of the ad 😜

davwheat

xasharma

Yeah, you're going to need to customise your ad unit.

A small (160x100?) should work

xasharma

davwheat

160 * 400 is good (vertical)

[deleted]

Perhaps it's just me being a geek, but I read this and initially saw "Active Directory Organisation Units" and thought that Flarum had been bought by Microsoft 🤭

An infrastructure in joke that anyone in the same trade (IT) will definitely understand.....I hope.... Otherwise I'm going to be classed as nuts. Please, @katos and @tankerkiller125 back me up 😁

davwheat

[deleted]

Bahahhaah! I see where you're coming from! 😂

katos

[deleted] painfully accurate! 😅🤣

tankerkiller125

[deleted] I can't not see AD and think Active Directory.

MikeJones

@davwheat this next update is fantastic thanks so much! Payment just sent!

@xasharma for the Code for "Discussion sidebar [DESKTOP ONLY]" ad unit, I chacnged the data-ad-format to rectangle and I get a nice small rectangle which works well too

<center>
<!-- Header ad Homepage -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="xxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxxxxx"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
</center>

You can see it live on mone of my discussions.

xasharma

MikeJones

You can also set a fixed size in google ad unit

like -

<!-- Discussion sidebar Ads -->
<ins class="adsbygoogle"
     style="display:inline-block;width:160px;height:400px"
     data-ad-client="ca-pub-59415067865xxxx"
     data-ad-slot="xxxxxxxxx"></ins>

Hari

AnteikuDevs hi, i do not run ads and never tried this extension but you should check the earlier conversations once for better understanding MikeJones

MikeJones

xasharma yea for my header ads I use custom sizes based on screen size so the banners are not gigantic on mobile lol

xasharma

MikeJones

You can also style ads by adding 2-3 different sizes and google will manually show according to screen size

<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXX11XXX9" crossorigin="anonymous"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXX11XXX9"
     data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

I think code be this for this extension -

<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }   (or width 300px; height 60px;)
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }

<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXX11XXX9"
     data-ad-slot="8XXXXX1"></ins>

Just change your publisher id and ad slot id in this code if you want to add this

Ffuser1

Will this extension work for any ads provider or is strictly for Google adsense?

davwheat

Ffuser1

It should work for any, but setup may be more complex.

For example, this ext auto-refreshes ads automatically for Google AdSense, but it could be modified to do it for any ad provider.

Do you have one in mind?

Ffuser1

davwheat ads served from locally hosted Revive Adserver.
Documentation here:
https://documentation.revive-adserver.com/display/DOCS/Revive+Adserver+Documentation