Difference between revisions of "Installing and configuring Wannads Offer Wall"

From TITAN Wiki
Jump to: navigation, search
m
(Tag: visualeditor)
m
 
Line 36: Line 36:
 
|}
 
|}
 
=== Offer Wall HTML ===
 
=== Offer Wall HTML ===
[[File:MinuteStaff1.png|thumbnail|Create MinuteStaff Offer Wall: step 1]]
+
[[File:Wannads1.png|thumbnail|Edit Offer Wall: step 1]]
[[File:MinuteStaff2.png|thumbnail|Create MinuteStaff  Offer Wall: step 2]]
+
[[File:Wannads2.png|thumbnail|Edit Offer Wall: step 2]]
[[File:MinuteStaff3.png|thumbnail|Integration data]]
+
[[File:WannadsClientTest.png|thumbnail|Test your Website]]
[[File:MinuteStaff4.png|thumbnail|Edit Offer Wall: step 1]]
+
[[File:WannadsPostback.png|thumbnail|Postback test]]
[[File:MinuteStaff5.png|thumbnail|Edit Offer Wall: step 2]]
 
[[File:MinuteStaffClientTest.png|thumbnail|Test your Website]]
 
 
Go to your newly created App on https://www.wannads.com/user/apps<nowiki/>and press Get Offerwall Code.
 
Go to your newly created App on https://www.wannads.com/user/apps<nowiki/>and press Get Offerwall Code.
  

Latest revision as of 10:47, 8 June 2016

This tutorial will guide you through the process of integrating Wannads Offer Wall into your website.

Preparation

Adding new Offer Wall
Activating newly added Offer Wall
Editing newly added Offer Wall

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://www.wannads.com/register and register. Next log into your account, and Create App. Follow the App Wizard:

Field Value Example
App/Website Name Up to you mywebsite
App URL Your website URL http://mywebsite.com
Type Web
Reward Virtual Currency
Currency Name Your website virtual currency name. Should be the same as in Admin Panel → Money → Currency → Virtual currency Points
$1.00 USD Your website virtual currency value. Should be the same as in Admin Panel → Money → Currency → Virtual currency 100
Postback URL Copy-paste from Titan Admin Panel

 Offer Wall HTML

Edit Offer Wall: step 1
Edit Offer Wall: step 2
Test your Website
Postback test

Go to your newly created App on https://www.wannads.com/user/appsand press Get Offerwall Code.

Copy iframe Code and return to your Titan Admin Panel Offer Wall. Paste your iframe Code into "HTML code" field. Make sure to replace [USER_ID] with [USERNAME].

The HTML code should look something like:

<iframe style="width:100%;height:800px;border:0;padding:0;margin:0;" scrolling="yes" "frameborder="0" src="https://wall.wannads.com/wall?apiKey=12kljh1298k378askp23&userId=[USERNAME]"></iframe>

Additionally you can specify &age attribute to improve targeting.

Full list of supported variables can be found below:

Variable Description Required
[USERNAME] Username of currently logged in member Yes
[AGE] Age of the member No
Example of HTML with optional attributes:
<iframe style="width:100%;height:800px;border:0;padding:0;margin:0;" scrolling="yes" "frameborder="0" src="https://wall.wannads.com/wall?apiKey=12kljh1298k378askp23&userId=[USERNAME]&age=[AGE]"></iframe>

Crediting

Name Value
Credit as Choose how you want to credit users
What is sent? Points

Postback

Restrict Postback IPs

wannads.com does not provide their IP list. Leave Restrict Postback IPs unchecked and Whitelisted IPs blank.

Postback variables

Variable Value
Username variable subid
Points/money variable reward
Tracking Info variable transId

 Credit type variable

Variable Value (Credit) (Reverse)
Credit type variable status 1 2

Signature variable

Variable Value 1 Value 2 Comment
Signature variable signature MD5([subid][transID][reward]YourSecretKey) Replace YourSecretKey with your Secret*

*Can be found in your App overview

Successful response text

OK

Test and finish

Save settings

Save your settings on both: MinuteStaff website and Titan Admin Panel.

Test if your Offer Wall is displaying properly

Go to your Titan Website → Menu → Earn → Offerwall and check if Wannads Offer Wall is being displayed properly.

Test Postback

Go to your App on https://www.wannads.com/user/apps and find test postback feature. Enter example variables and test:

  • User ID: admin
  • Amount: 10

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.

Earnings

See Earnings from Offer Walls