Setup Help

Legacy Prediction Bracket - Branding & Platforms

This guide will walk through how you can insert Branding for your Custom Bracket.

Select the source for the Branding

6d15f326-11cd-4426-80c1-c812a696870a

 

You can choose to enter custom branding by pasting or entering HTML directly into the Branding HTML field, or you can choose auto-branding and provide a scrape page URL to a page that we will 'scrape' every 20 minutes to update your branding or wrapper.

Auto Branding

f6212bcc-04ff-4ec5-9e26-9fc6c38320f3

 

The most flexible, and for many the easiest, way to brand your site is via auto-branding. You will create a template page on your server or in your content management system (CMS) with the wrapper and ad positions you want.

You will indicate the location of the contest by inserting the following token: {UPICKEM}.

Tip! This must include the braces.

You will most likely either nest the token in <div> tags or in a table cell <td>. You can place content on all four (4) sides of the contest if you wish.

When your scrape page is ready:

- Enable Auto-Branding

- Supply the URL for the scrape page

- Click Save Changes

You will see the HTML code for your branding appear in the Branding HTML field, but it will be read-only unless you disable auto-branding.

The system will immediately grab a copy of the branding. It will attempt to correct any relative links in the HTML as well. You may want to have a unique template for each contest so that you can traffic specific ad campaigns and get accurate traffic reports; creating unique templates will allow you to have unique traffic reporting tags on each template.

If you would like to see a sample of what the auto branding page should look like, go to

http://files.secondstreetmedia.com/affiliates/autobrand_sample.html

You can use this in a sample contest to try out as well.

Custom Branding

467ad8f8-13d4-40e9-b202-324173c46e44

 

If you can't create templates for auto branding on your server, you can also insert static branding into the contest. If you choose to pursue custom branding, you will need to fix all links and references to be absolute instead of relative. An absolute path includes the full URL of the link including the domain name.

For example a graphic would be referred to by :

http://www.mysite.com/images/altnav_01.gif

Not:

../images/altnav_01.gif

You can update the branding anytime you like, as often as you like by pasting in new text or editing the existing text. You will indicate the location of the contest by inserting the following token: {UPICKEM}.

Website Banner Content Areas

2019-03-21_1123

 

Top Banner Content Area

This is where you would insert HTML for graphics, text, flash files, or ad tags that you would like to appear above the contest, but be specific to this contest if you were to use a common template for your branding across many contests.

Tip! Keep in mind that the taller the graphics, the more you are pushing your contest down the page.

Website Stylesheet Skin

08d1a341-75f1-415a-ac6f-8048ece2bb3f

 

You can alter the look and feel of your contest via Cascading Stylesheets or CSS. We provide four options for you.

Default Stylesheets

You can choose one of our defaults by just clicking on the corresponding thumbnail. You can also see a preview of the defaults by just hovering your mouse over each one, a popup will appear with a sample.

If you prefer, you can provide your own CSS to either replace the defaults or just insert overrides to specific styles in the current CSS.

Preview your work

7d8790c3-d282-45fa-bbba-5009978ca6fc

 

Once you have updated the branding, you can preview the contest by either clicking the View Website/Phone/Tablet button at the top right or using the View Promotion link in the Primary Tools group at the top left.

Tip! For more help on setting up your branding for Phone, Tablet, and Facebook, check out the manuals below!

Phone Branding

Tablet Branding

Facebook Branding