Git Product home page Git Product logo

isabella232 / discourse-adplugin Goto Github PK

View Code? Open in Web Editor NEW

This project forked from discourse/discourse-adplugin

0.0 0.0 0.0 647 KB

Official Discourse Advertising Plugin. Install & Start Serving Ads on Your Discourse Forum

Home Page: https://meta.discourse.org/t/advertising-plugin-for-discourse-serve-ads-on-your-discourse-forum-official-endorsed/33734

License: MIT License

JavaScript 66.02% Ruby 21.77% Handlebars 6.58% SCSS 5.62%

discourse-adplugin's Introduction

Official Discourse Advertising Plugin

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

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

Amazon Affiliates' Advertisement Tag to Discourse's Site Settings

Only for Product Link and Banner Ads.

Carbon Ads Script Tag to Discourse's Site Settings

Carbon Ads

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.

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.

discourse-adplugin's People

Contributors

arpitjalan avatar barreeeiroo avatar caugner avatar cyberkoi avatar davidtaylorhq avatar dax74 avatar discourse-translator-bot avatar eviltrout avatar featheredtoast avatar fefrei avatar fushnisoft avatar gschlager avatar hnb-ku avatar jjaffeux avatar jomaxro avatar justindirose avatar kcoop avatar ladydanger avatar nbianca avatar nlalonde avatar oblakeerickson avatar pmusaraj avatar riking avatar romanrizzi avatar samsaffron avatar sidval avatar tgxworld avatar thorpelawrence avatar xfalcox avatar zogstrip avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.