What types of widgets can I create?

    Content.ad provides several different widget types for you to choose from, all with their own unique styles:

    • Thumbnail & text links
      – Internal or sponsored content (or both)
      – Image with accompanying headline
      – Up to 16 links total
    • Text only
      – Internal or sponsored content (or both)
      – Headline only
      – Up to 16 links total
    • Banner ad
      – Sponsored content only
      – Image with accompanying headline
      – IAB sizes
    • Pop up
      – Internal or sponsored content (or both)
      – Image with accompanying headline
      – Displays when user is about to leave the page

    In addition to choosing a widget type, you can customize the appearance of your widget using the provided options.

    Mobile Slide-up

     

    How can I customize the appearance of the widget?

    When you create a widget, you have a number of options that allow you to control how it appears on your site.  Available options will vary based on the layout type and widget type you’ve chosen.  Don’t forget to click “Save” to apply your changes.

    Responsive

    • Display Style
      You can select from one of our predefined style templates.  This allows you to choose a layout that suits your site and widget placement best.
    • Desktop / Tablet Layout
      The number and configuration of content links you’d like to appear in the widget will likely be determined by what looks best on your site.  The options available are based on what we find to perform the best on our network.  The 3×3 layout looks good and performs very well below the main content of a page, but the 2×4 is better suited for a sidebar placement.
    • Mobile Layout
      While we find that displaying the widget in a single column on smaller devices is often the best option, you can also choose a 2-column layout.

    Fixed

    • Display Style
      You can select from one of our predefined style templates.  This allows you to choose a layout that suits your site and widget placement best.  You can click the “Preview” button at the bottom of the page at any time to see an approximated version of what your widget will look like.
    • Content Links
      The number of content links you’d like to appear in the widget will likely be determined by what looks best on your site.  For example, if four links fit horizontally in the space you’ve allotted on your site, you may want to choose either four or eight content links depending on whether you want one or two rows of links.
    • Image Size
      Like the number of content links, the image size you choose will likely depend on your site’s existing style.

    Custom

    • Content Links
      The number of content links you’d like to appear in the widget will likely be determined by what looks best on your site.  For example, if four links fit horizontally in the space you’ve allotted on your site, you may want to choose either four or eight content links depending on whether you want one or two rows of links.
    • Image Size
      Like the number of content links, the image size you choose will likely depend on your site’s existing style.
    • CSS & JavaScript
      Learn how to create your own style template

    All Layout Types

    • Header Text
      You can customize messaging text that appears above the links in the widget. Select one of the provided choices or enter your own. You can include the following macros to display the visitor’s location: [Country], [State], [City], [Postal_code].
    • Link Length
      You can select the maximum number of characters to be displayed in the content headlines.  All sponsored content headlines have a predefined maximum length to keep your widget looking clean.

     

     

    How do I create a custom style for the widget?

    Content.ad offers different widget display styles so that you can select the one that looks best on your page. However, users with a working knowledge of HTML and CSS (JavaScript optional) can define a custom style for the widget.  Simply select the “Custom” widget type on the Widget Setup page and write or paste in your CSS and JavaScript.

    If you like one of our display styles but would like to add some flair of your own, simply click “copy CSS from template,” and choose a template use it as your starting point.

    The “Text Only” and “Thumbnail Images” widget types are identical except that the <img> tags will not be delivered by the “Text Only” widget type. The HTML markup structure is provided below for your reference.

    Text Only and Thumbnails

    <div id="ac_[Widget ID]">
      <div class="ac_header_title">[Header text]</div>
      <div class="ac_adbox">
        <div class="ac_adbox_inner">
          <div class="ac_container">
            <a class="ac_image_link">
              <img height="..." width="..." src="..." alt="..." class="ac_image" title="...">
            </a>
            <div class="ac_title_wrapper">
              <a class="ac_title">
                [Title]
                <div class="ac_referrer">[Sponsor's Domain]</div> (only if sponsored)
              </a>
            </div>
          </div>
          ...
        </div>
        <div style="clear:both;"></div>
        <div style="ac_credit"><a href="http://content.ad/AboutUs.aspx" target="_blank">?</a></div>
        <div class="ac_modal_shading"></div>
        <div class="ac_credit_copy">
          <div class="ac_credit_logo"><img src="http://api.content.ad/Images/c_ad_logo.png"></div>
          These content links are provided by Content.ad. Both Content.ad and the web site upon which the links are displayed may receive compensation when readers click on these links.View our privacy policy <a href="http://content.ad/privacy.aspx" target="_blank">here</a>.<br><br>To learn how you can use Content.ad to drive visitors to your content or add this service to your site, please contact us at <a href="mailto:info@content.ad">info@content.ad</a>.
        </div>
      </div>
      <div style="clear:both;"></div>
    </div>

    Is the widget responsive?

    Yes.  We offer three options for styling your widget: Responsive, Fixed, and Custom.  Most publishers find that the responsive widgets generate the best performance. These widget styles are designed to fill the width they are placed into. If your site is responsive, the widget will adjust accordingly as the browser is resized.

    NOTE: Please do not hide any of the widget’s content based on browser width or other factors. This will invalidate your reporting data and hurt the widget’s ability to optimize to the best performing content. If you wish to show a different number of ads on mobile, we suggest creating separate widgets for each device.

    How Can I Include My Visitor’s Location in My Widget Header?

    When you create a widget, you have the option to include the visitor’s location in your header text.

    Location Options

    • [Country]
    • [State]
    • [City]
    • [Postal_Code]

    On the widget settings page, choose Custom under Header Text and type your desired header text. For example, if your enter “What People in [City] are Reading” visitors in Los Angeles will see “What People in Los Angeles are Reading”.