impact.com supports both static and dynamic HTML assets, including search widgets, embedded forms, and product banners. When you upload an HTML ad as an Article Asset, you can update it anytime without third-party tools. To upload an HTML ad, make sure you include:
A secure HTTPS landing page (an absolute URL, starting with
http://orhttps://).Any dynamic URL tokens you want to track when users click the ad.
From the left navigation bar, select
[Engage] → Content → Ads.
In the top-right corner, select Create Ad
[Drop-down menu], then select Article.
Complete the information in the following sections:
Enter a Name for your asset.
Optionally, enter a Description providing details about the asset.
Under Landing Page, select
[Drop-down menu] Custom to configure a custom landing page for your asset. Leave the setting on Default to direct customers to your program landing page.
If the ad is intended for mobile app viewing,
[Toggle on] Mobile Fallback and choose the relevant mobile app property that links to your app's store listing.
This ensures users without the app will be redirected to download your app.
To add parameters to the landing page tracking link, select
[Add Metadata]. These parameters will be added to the end of the asset's tracking link.
Learn more about tracking link parameters.
Optionally, enter Labels to make your asset more easily searchable.
Learn more about creating and managing asset labels.
[Toggle on] Restrict Partner Access to set which partner groups can use this asset, and search for the Partner Groups you want to grant access to this asset.
In the Content field, enter the HTML/CSS/JS code for your ad, or use the rich text editor options to format your content more easily.
Tip: You can upload images directly inline with your content using the rich text editor.
If you're using dynamic tokens, select Insert other dynamic fields to view all available token inserts.
See the Dynamic token reference below to learn what type of content each token inserts.
You can select an Asset Size by choosing a resolution from the
[Drop-down menu].
The Other option allows you to configure a custom size.
Optionally, select a pre-existing Deal or Add New Deal from the
[Drop-down menus].
You can set Start and End Dates for the asset, and choose a Timezone from the
[Drop-down menu].
Select the
[Calendar] to apply the asset date, then set the start and end times.
Optionally, select
[Unchecked box] Change landing page on expiration, and proceed by selecting Configure Rule to configure what happens if the landing page expires.
From the
[Drop-down menu] select Redirect.
Enter the link to which the asset will redirect.
Optionally,
[Toggle on] Interstitial Page to enable and configure an interstitial page associated with this rule.
From the Template
[Drop-down menu] select Custom or App Install.
Enter a Header text.
Optionally, enter a Body text.
Optionally, enter Additional Terms for this asset.
Optionally, select the
[Unchecked Box] to Require user acknowledgment.
Select the
[Unchecked box] to Show partner's logo (co-branded) and display both your logo and the partner's logo together for a co-branded experience.
Select the
[Unchecked box] to Customize CSS and add the desired CSS code into the text box.
Select Preview.
Enter a Header text and Header Font Color.
Enter a Sub Header and Sub Header Font Color.
To Upload Logo and Upload Cover Image, select Choose File. Remember GIF, JPG, PNG, SVG file formats are supported. Maximum file size is 1 MB.
Enter a Download Button Label (e.g., Download Now).
Enter a Download Button Font Color and Download Button Background Color.
Enter a Continue Button Label and Continue Button Font Color.
Enter an Auto Redirect Countdown with number of seconds allowed before redirecting.
Optionally, enter a Body text.
Select the
[Unchecked box] to Show partner's logo (co-branded) and display both your logo and the partner's logo together for a co-branded experience.
Select the
[Unchecked box] to Customize CSS and add the desired CSS code into the text box.
Select Preview.
From the Template
[Drop-down menu] select Custom or App Install.
Enter a Header text.
Optionally, enter a Body text.
Optionally, enter Additional Terms and conditions to be applied.
Select the
[Unchecked Box] to Require user acknowledgment.
Select the
[Unchecked box] to Show partner's logo (co-branded) and display both your logo and the partner's logo together for a co-branded experience.
Select the
[Unchecked box] to Customize CSS and add the desired CSS code into the text box.
Select Preview.
Enter a Header text and Header Font Color.
Enter a Sub Header and Sub Header Font Color.
To Upload Logo and Upload Cover Image, select Choose File. Remember GIF, JPG, PNG, SVG file formats are supported. Maximum file size is 1 MB.
Enter a Download Button Label (e.g., Download Now).
Enter a Download Button Font Color and Download Button Background Color.
Enter a Continue Button Label and Continue Button Font Color.
Enter an Auto Redirect Countdown, to indicate the seconds allowed before redirecting.
Optionally, enter a Body text.
Select the
[Unchecked box] to Show partner's logo (co-branded) and display both your logo and the partner's logo together for a co-branded experience.
Select the
[Unchecked box] to Customize CSS and add the desired CSS code into the text box.
Select Preview and once you're happy with the preview, select Submit.
From the Template
[Drop-down menu], select Mobile Deep Linking.
Enter the Header text and Header Font Color.
Enter the Sub Header and Sub Header Font Color.
To Upload Logo and Upload Cover Image, select Choose File. Remember GIF, JPG, PNG, SVG file formats are supported. Maximum file size is 1 MB.
Enter an Open App Button Label (e.g., Go to App).
Enter an Open App Button Font Color and Open App Button Background Color.
Enter a Continue Link Label and Continue Link Font Color.
Choose when the App Open by selecting either,
[Radio button] As soon as the interstitial loads or
[Radio button] When the button is tapped.
Select
[Unchecked box] to opt an Auto-redirect and enter the number of seconds allowed before redirecting.
Enter a Default URI Path to be used when constructing mobile URI using the program's URL Scheme configured in General Tracking Settings.
Enter a Custom URI Regex to define the pattern for matching mobile URIs in the app's custom URL scheme.
Select the
[Unchecked box] to Customize CSS and add the desired CSS code into the text box.
Select Preview.
You can set a Seasonal theme to this asset from the
[Drop-down menu].
Under the Additional Promotional Options section you can:
Select the
[Unchecked Box] if Offer is a top selling item.
Select the
[Unchecked Box] to Enable a media partner to request their own unique promo code for this promotion.
From the
[Drop-down menu], select in which Language you want to serve this asset.
To limit partners to using iFrame tracking codes (and prevent HTML tracking codes) for this asset, select
[Checkbox] Limit Partners to iFrame tracking code for this asset.
To set up a 3rd-party pixel for the asset,
[Toggle on] Third Party Impression Pixel.
This allows you to send impression data to your external analytics systems.
See the Dynamic token reference to learn what type of content you can insert with each token.
Select the Save or Save Draft
[Drop-down menu] and choose from the following options:
In the Example code provided below, we have:
An HTML form with a textbox entry and "Submit" button
Embedded CSS to style the form independently of other content
A
<div>container for the widgetJavaScript function that dynamically creates an impact.com tracking link and appends query string parameters
A
<noscript>tag for the system to accept the script when it doesn’t have an outgoing link (Without this tag, we’d encounter an error when trying to upload this creative.)In practice, many of these elements can be hosted or embedded on your website—impact.com supports external HTML, CSS, and JavaScript files for dynamic content.
<style type="text/css"> #search-widget-container { font-family:"Verdana"; padding:20px; width:280px; height:75px; margin:30px; background:#FFFFFF; border:1px solid #BBBDBF; border-radius:6px; box-shadow:5px 5px 2px rgba(0,0,0,0.1); } #submitbutton {background:#fff; color:#3B91CF; font-weight:bold; font-size:12px; padding:5px: border-radius:6px; border:1px solid #3B91CF; cursor:pointer; } #submitbutton:hover { background:#3B91CF; color:#fff; } #searchbox { width:200px; margin:10px 10px 10px 0px; } </style> <div id='search-widget-container'> <img src="http://www.impactradius.com/wp-content/uploads/2014/05/impact-radius-logo.png" width="150px"> <form><input name='searchTerm' id='searchBox' type='text' placeholder='Search The Website'> <input onClick="searchFunction()" type='submit' value='Submit' id='submitbutton'> </form> </div> <script type="text/javascript"> function searchFunction() { // Get the user-submitted value from the search box var searchTerm = document.getElementById("searchBox").value; var landingPage = "http://{domain}/c/{irpid}/{iradid}/{ircid}?p.searchTerm="; // Append the searchTerm to the end of the landingPage var completeURL = landingPage.concat(searchTerm); // Send the customer to the complete final URL window.location.href = completeURL; } </script> <noscript> <a href=”http://www.example.com”>No script link</a> </noscript>The JavaScript code generates a tracking URL using dynamic tokens and appends the search terms as query string parameters.
Since the content doesn’t have an absolute URL, we use
{domain},{irpid},{iradid}, and{ircid}as dynamic tokens to generate a tracking link, which populates with the program’s tracking domain, partner ID, ad ID, and program ID values.Once clicked, the customer will be routed through impact.com and then forwarded to the landing page—in this case,
https://www.example.com
Token | Supported in | Description |
|---|---|---|
| Asset content / impression pixel | Populates with the partner's impact.com partner ID. |
| Asset content / impression pixel | Populates with the ACME ad ID assigned to the ad. |
| Asset content / impression pixel | Populates with the impact.com program (or campaign) ID assigned to your program. |
| Asset content | Populates with the partner's SubId's value (used for tracking and reporting). |
| Asset content | Populates with the partner's SharedId value for reporting. |
| Asset content / impression pixel | Populates with the tracking domain for your program. |
| Asset content | Populates with a timestamp (in Unix epoch format) when the ad is retrieved. |
| Asset content / impression pixel | Populates with a randomly generated integer when the ad is retrieved. |
You may see the following error messages when creating your content ad. Here's what you can do to solve them:
Validation error | Explanation |
|---|---|
“No replaceable links present” | impact.com cannot detect replaceable links in the Content field. Links must include protocol. Any links using |
“Ad name cannot be empty” | You must provide a name for your content ad in the Name field. |
"URL on anchor is not absolute" | There's at least 1 link in Content that isn't absolute. Absolute links use the full path starting with |