Official Discourse Advertising Plugin. Install & Start Serving Ads on Your Discourse Forum
Go to file
David Taylor c88bb59d81
FIX: Fully re-render ads when navigating between pages (#188)
In the past, the ad plugin relied on two side-effects to achieve this behaviour:

1. Components being fully destroyed/rendered when navigating between pages. This stopped working when Discourse core moved to the more efficient 'loading slider' UI

2. The `listLoading` argument. This was an implementation detail of the old discovery routing infrastructure. Core recently overhauled this and removed the `listLoading` argument, because loading is now handled properly by the Ember router.

Instead of these two properties, we can use the `currentRoute` property of Ember's router service to trigger changes when navigating between pages. A common `{{#each` trick is used to fully destroy/re-render components even if the ad network is unchanged.
2023-11-07 21:12:30 +00:00
.github/workflows DEV: Update CI workflows (#165) 2023-01-10 18:02:36 +00:00
admin/assets/javascripts/discourse DEV: Restructure file locations 2023-11-07 18:37:39 +00:00
app FEATURE: Add per-ad visibility settings for anons and logged-in users (#168) 2023-04-07 17:56:22 +03:00
assets FIX: Fully re-render ads when navigating between pages (#188) 2023-11-07 21:12:30 +00:00
config Update translations (#184) 2023-11-07 21:31:35 +01:00
db/migrate FIX: CodeFund is shutting down (#85) 2020-07-10 18:09:32 +03:00
spec FEATURE: Add per-ad visibility settings for anons and logged-in users (#168) 2023-04-07 17:56:22 +03:00
test/javascripts/acceptance FIX: Fully re-render ads when navigating between pages (#188) 2023-11-07 21:12:30 +00:00
.discourse-compatibility DEV: Pin plugin for Discourse 3.1 stable (#179) 2023-08-22 13:45:25 -05:00
.eslintrc.cjs DEV: Update linting config 2023-11-07 18:14:12 +00:00
.gitignore DEV: apply coding standards (#91) 2020-09-04 13:24:14 +02:00
.prettierrc.cjs DEV: Update linting config 2023-11-07 18:14:12 +00:00
.rubocop.yml DEV: Update linting config 2023-11-07 18:14:12 +00:00
.streerc DEV: Update linting config 2023-11-07 18:14:12 +00:00
.template-lintrc.js DEV: Update linting config 2023-11-07 18:14:12 +00:00
Gemfile DEV: Introduce syntax_tree for ruby formatting (#161) 2022-12-29 13:29:26 +01:00
Gemfile.lock DEV: Update linting config 2023-11-07 18:14:12 +00:00
LICENSE.txt Add missing license file 2019-04-08 17:51:50 +10:00
README.md Ensure README images are pointing to discourse/gh-owned repositories (#166) 2023-01-25 17:30:08 +05:30
package.json DEV: Update linting config 2023-11-07 18:14:12 +00:00
plugin.rb FEATURE: Add per-ad visibility settings for anons and logged-in users (#168) 2023-04-07 17:56:22 +03:00
translator.yml DEV: Switch from Transifex to Crowdin 2020-07-16 14:00:09 +02:00
yarn.lock DEV: Update linting config 2023-11-07 18:14:12 +00:00

README.md

Official Discourse Advertising Plugin

Official Plugin Topic & Documentation: https://meta.discourse.org/t/official-advertising-ad-plugin-for-discourse/33734

This is the official Discourse advertising plugin. It allows advertisements to be served by supported advertising platforms for users with a Discourse forum.

Authors: Sarah Ni & Vi Nguyen

Version: 1.2.5

Contributors: See credits section below

License: MIT License

Supported Discourse Version: 1.4

Supported Ad Platforms:

Quick Start in 3 Steps

This quick start shows you how to install this plugin and use it. Recommended if you have:

  • A live discourse forum
  • You have deployed your live forum using Docker. If you're using Digital Ocean, it's likely that your forum is deployed on Docker.

For non-docker or local development installation (those with programming experience), see Other Installation.

Step 1 - Install the Official Discourse Advertising Plugin

As seen in a how-to on meta.discourse.org, simply add the plugin's repository url to your container's app.yml file:

hooks:
  after_code:
    - exec:
        cd: $home/plugins
        cmd:
          - mkdir -p plugins
          - git clone https://github.com/discourse/discourse-adplugin.git

Rebuild the container

cd /var/discourse
git pull
./launcher rebuild app

Step 2 - Configure Your Settings to Display Your Advertisments

There are 2 easy steps for configuring your Discourse settings to enable advertisements to display in your Discourse forum.

House Ads

If you don't want to use an external ad platform, but want to show your own ads, then House Ads are for you! Define your ads by going to the Admin section of your Discourse forum, and go to the Plugins section. On the left, you should see a link called "House Ads".

Begin by creating your ads. Give each a short descriptive name and enter the html for each. Style them using a custom theme (Admin > Customize > Themes). Lastly, click the Settings button in the House Ads UI and choose which of your ads to show in each of the ad slots. The ads will start showing as soon as you add them to slots.

Step 2(a) - Choose Your Advertisement Platform

  • Navigate to the Admin section in your Discourse forum.
  • Click on Settings and a left vertical navigation bar should appear.
  • Choose your advertisement platform.
    • House Ads - if you want to create and serve ads from your Discourse instance.
    • Adsense - if using Adsense as your advertisement platform.
    • DFP - if using the DoubleClick for Publishers advertisement platform.
    • Carbon Ads - if using the Carbon Ads advertisement platform.
    • AdButler - if using the AdButler advertisement platform.

Step 2(b) - Input Your Details

  1. Add in your publisher ID - your publisher ID can be obtained from your ad platform and can also be found in your ad tag (see pictures below).
  2. Choose your trust level from the dropdown box. This will only display ads to users with a certain level of trust. For more details about trust levels go to the Plugin Features heading.
  3. Get the Advertisement Tag from your Ad Platform - see the images below to see what a tag looks like.
  4. Add parts of your ad code to Discourse's site settings for the locations you wish your ad to appear. Refer to image for your ad platform to where parts of your ad tag should go. For more detail about where the ad will appear
  5. Choose Your Ad Size - this is the same size that you've put into your ad provider to create your ad. Go to the Plugin Features heading to see a list of supported Ad sizes.
Adsense Advertisement Tag to Discourse's Site Settings

image

DoubleClick for Publishers' Advertisement Tag to Discourse's Site Settings

image

Amazon Affiliates' Advertisement Tag to Discourse's Site Settings

Only for Product Link and Banner Ads.

image

Carbon Ads Script Tag to Discourse's Site Settings

adpluginexample

AdButler Ads Zone URL to Discourse's Site Settings

This plugin only support AdButler "Standard Zones". Text and VAST are not supported.

If you browse to a zone in the AdButler admin, then you can find the Publisher ID (PPPPPP) and the Zone ID (ZZZZZZ) in the URL of your browser's address bar:

https://admin.adbutler.com/?ID=PPPPPP&p=textadzone.view&zoneID=ZZZZZZ

Configure the ads in Admin > Settings > AdButler. Enter the publisher id in the "adbutler publisher id" setting, and enter the Zone IDs in the different zone id settings as desired.

By default, ads are assumed to be size 728 x 90, or 320 x 50 in mobile view. To use different size ads, customize using CSS in your site's theme. Override the following CSS:

.adbutler-ad {
  width: 728px;
  height: 90px;
}

.adbutler-mobile-ad {
  width: 320px;
  height: 50px;
}

Step 3 - See Your Ad

Once you've configured your settings and your advertising platform has ads that are ready to serve, navigate to the page where you've inputted for the location and you should see ads.

Plugin Features

In this section, we go into more detail on:

  • Available Locations for Ad Display
  • Trust Levels
  • Personal messages
  • Groups
  • Categories
  • Tags

Available Locations for Ad Display

The following are available locations along with a description and an image showing their location within Discourse to display ads for all platforms.

Location Name Description
Topic List Top Ad will appear at the header of Discourse homepage
Topic Above Post Stream Ad will appear in the header of all Discourse forum topics
Topic Above Suggested Ad will appear in the footer above suggested topics of all Discourse forum topics
Post Bottom & Nth Post Ad will appear on the stipulated nth post within a topic. So if you have 5 posts in a topic and you want the ad to display after on the 2nd post, put 2 in ad_platform_nth_post_code.

adplugin2

Trust Levels

You can use the ad_platform_through_trust_level dropdown to disable ads for users above a certain trust levels. As a guide, choosing:

  • 0 shows ads to users that are not logged in.
  • 1 shows ads to users that are not logged in, and to new and basic users.
  • 2 shows ads to members as well, but not to regulars and leaders.
  • 3 shows ads to everyone, but not to leaders.
  • 4 shows ads to everyone including leaders.

To find more about trust levels in Discourse, refer to Discourse's posts on trust levels

Personal messages

By default, ads won't be shown in personal messages. To enable ads in personal messages, use the "no ads for personal messages" setting.

Groups

To give some users an ad-free experience, put the users in groups and add those groups to the "no ads for groups" setting.

Categories

To disable ads in certain categories, add them to the "no ads for categories" setting. Also consider using the "no ads for restricted categories" to disable ads in all categories that have read access restrictions.

Tags

Individual topics can have ads disabled by using tags, and entering those tags in the "no ads for tags" setting. This is useful if some topics violate ad network policies.

Other Installation

There are two sets of installation instructions:

  1. Non-Docker Installation - If you have experience with programming. This will set up this plugin as a git submodule in your Discourse directory.
  2. Local Development - If you want develop locally and have experience with programming. This will set up this plugin as a symlinked file in Discourse's plugin directory.

If you already have a live Discourse forum up, please go to the Quick Start heading above.

1. Non-docker installation

  • Run bundle exec rake plugin:install repo=https://github.com/discourse/discourse-adplugin.git in your discourse directory
  • In development mode, run bundle exec rake assets:clean
  • In production, recompile your assets: bundle exec rake assets:precompile
  • Restart Discourse

2. Local Development Installation

  • Clone the Discourse Adplugin Repo in a new local folder.
  • Separately clone Discourse Forum in another local folder and install Discourse.
  • In your terminal, go into Discourse folder navigate into the plugins folder. Example cd ~/code/discourse/plugins
  • Create a symlink in this folder by typing the following into your terminal :
ln -s ~/whereever_your_cloned_ad_plugin_path_is .
For example: ln -s ~/discourse-plugin-test .
  • You can now make changes in your locally held Discourse Adplugin folder and see the effect of your changes when your run rails s in your locally held Discourse Forum files.

Questions or Want to Contribute?

Open an Issue on this repository to start a chat.

Credits

Discourse.org: Thanks to our amazing mentor @eviltrout and the wonderful Discourse team!

Our Coaches: Very special thank you to our coaches and honorary coach - @georg, @betaass, @adelsmee, @davich, @link664, @tomjadams, @compactcode, @joffotron, @jocranford, @saramic, @madpilot, @catkins

Rails Girls: Thanks @sareg0 and the Rails Girls Team for the opportunity to participate in Rails Girls Summer of Code 2015.

To create this plugin we referenced the original dfp plugin (created by @nlalonde) and the adsense plugin.