Home → Content & Apps →


    The Banner Module

    The Banner Module allows you to place an image on your Content & Apps View and link it to any URL. You can use it to link your fans to your websites in fun ways.

    Adding the Banner Module to a Content & Apps View

    All modules are added to a View in the same way with our drag-and-drop interface. To get more information on this, see the Building a View help article.

    Once you have added a module and given it a name, the module will open for you to edit it or add content. Back on the View layout, you'll see a callout bubble next to your module - click the triangle for controls for your module. This callout will not appear on your published View and your new module will not appear on your Facebook Tab until you click Publish.

    Adding a Banner to the Banner Module

    When you drag-and-drop a Banner module onto a View, it will automatically open to the edit page for that module. To add a banner to a module you've already created:

    1. Next to your Banner module you’ll see a callout bubble with the title of your module in green text. Click on the green triangle next to the title to show your options.
    2. If you want your module to have a header, select the checkbox labeled Header. The text in the header will be you have named the module.
    3. Click Edit Image and you'll be taken to the Edit: Image page.
    4. You can either upload images from your computer or link to an image on the web. To upload an image, click Choose File. Select the image you want and click Open. To link to a web image, paste the image's URL in the provided field. If the image is wider than the column it is placed in, it will be resized down to fit. An image can be:
      • Legacy CSS - The left hand, narrow column: 194 pixels, the right hand, wide column: 318 pixels, full width: 520 pixels
      • 2012 CSS - The left hand, narrow column: 300 pixels, the right hand, wide column: 494 pixels, full width: 810 pixels
    5. Next, select the URL you want the image to be a link to. Paste the URL into the field provided.
    6. When you are finished, click Save.

    Note: Though you can only have one linked image on each Banner Module, you can put as many Banner Modules on a View as you want.

    About Metrics Recorded for the Banner Module

    Content & Apps captures metrics for:

    • Module views
    • Image click-thrus

    Customizing a Banner Module

    All customization happens in the brand CSS page. In Views, click edit brand css.

    All modules take up 100% of the containers they are in, so you can resize them to whatever size you need with CSS.

    General Rules

    • The image has a max width of 810 pixels.
    • The image takes up 100% of whatever module position it is in.

    What Can I Customize?

    • The image can be sized down.

    Class Name Constants

    There are 2 class name constants for a Banner module:
    posters
    module_container

    Related Topics