Installing and configuring SuperRewards Offer Wall
This tutorial will guide you through the process of integrating SuperRewards Offer Wall into your website.
- 1 Preparation
- 2 Offer Wall HTML
- 3 Crediting
- 4 Postback
- 5 Test and finish
- 6 Earnings
Create new Offer Wall
Go to Admin Panel → CPA/GPT → Offer Walls → Add new and click "Add new, empty Offer Wall" button. After you click the button, you should see a success message. Now return to Installed Offerwalls page. You should now see your newly created Offer Wall as "Awaiting setup..". Activate it.
Edit the Offer Wall
In Admin Panel → CPA/GPT → Offer Walls → Installed Offerwall click "See details and edit" button. You will now see Offer Wall summary page. To edit its settings, click "Edit Offer Wall" in the panel to the left.
Create the Offer Wall in the Offer Wall provider website
Open a new tab. Go to https://pub.superrewards.com/signup and register as a Publisher. Next log into your account, and go to Your Apps → New App. Fill in all details:
|The name of your app||Up to you||MyWebsite|
|The URL of your app||Your website URL||http://mywebsite.com|
|Currency name||Your website virtual currency name. Should be the same as in Admin Panel → Money → Currency → Virtual currency||Points|
|Currency value||Your website virtual currency value. Should be the same as in Admin Panel → Money → Currency → Virtual currency||$1 = 1000 Points|
|Postback URL||Copy-paste from Titan Admin Panel|
Offer Wall HTML
Find your Offer Wall HTML on Offer Wall provider website and return to your Titan Admin Panel Offer Wall. Paste your Offer Wall HTML code into "HTML code" field. Make sure to replace current member username with [USERNAME] variable.
The HTML code should look something like:
<iframe src="<nowiki>https://wall.superrewards.com/super/offers?h=qwertylxvcp.23498734876&uid=[USERNAME]" frameborder="0" width="728" height="2400" scrolling="no"></iframe></nowiki>
Full list of supported variables can be found below:
|[USERNAME]||Username of currently logged in member||Yes|
|[AGE]||Age of the member||No|
|[GENDER]||Gender of the member ('M', 'F' or 'U' if unknown)||No|
<iframe src="<nowiki>https://wall.superrewards.com/super/offers?h=qwertylxvcp.23498734876&uid=[USERNAME]&gender=[GENDER]&age=[AGE]" frameborder="0" width="728" height="2400" scrolling="no"></iframe></nowiki>
|Credit as||Choose how you want to credit users|
|What is sent?||Points|
Restrict Postback IPs
For better security, it is recommended to restrict IP addresses that have access to your postback handler. At the time of writing this article, the SuperRewards IPs are: 18.104.22.168, 22.214.171.124, 126.96.36.199
As the above may change, make sure to visit http://docs.superrewards.com/docs/notification-postbacks to find the up-to-date list.
Check the Restrict Postback IPs checkbox and enter the above IPs into the Whitelisted IPs textbox (should be seperated by a comma).
|Tracking Info variable||id|
Credit type variable
Leave all fields blank.
|Variable||Value 1||Value 2||Comment|
|Signature variable||sig||MD5([id]:[new]:[uid]:SECRET_KEY)||Replace SECRET_KEY with your APP SECRET KEY|
|Successful response text||1|
Test and finish
Save your settings on both: SuperRewards website and Titan Admin Panel.
Test if your Offer Wall is displaying properly
Go to your Titan Website → Menu → Earn → Offerwall and check if SuperRewards Offer Wall is being displayed properly.
Go to SuperRewards website and find test postback feature. Enter example variables and test:
- User ID: admin
- Payout($): 1
Now return to your Titan Admin Panel and go to Postback Log. If everything has been configured properly, you should see your test postback record with status "CreditedByOfferwall" or "CreditedAndPointsLocked" (if Points locking is set). Congratulations! Your Offer Wall has been installed and configured properly.