Integration‎ > ‎

Displaying Toast

At times, rather than creating a separate web page to display offers - a little pop-up would be easier or create a better user experience.
This is what Toast does. It is a configurable button that can be added to any web site to allow users to jump straight to your offer page.

Account Parameters

Parameter Name

Description

Required/Optional

snuid

Unique identifier of the user - same as snuid

What is a SNUID?

Required

application_id

Application ID of the application 

What is my application id?

Required

Configuration Parameters

Parameter Name

Description

Expected Value

Required/Optional

iframe_width

Width of iframe

Value in pixels (i.e., 800)

Required

iframe_height

Height of iframe

Value in pixels (i.e., 800)

Required

scrolling

Sets scroll bar in the IFrame (on by default if IFrame length is less than 2300 pixels)

yes; no

Required

modal

Sets iframe as modal

‘yes’; ‘’

Required

size

Sets the size of the button

small; medium; large

Required

color

Border color for the button

Standard html colors (i.e., red,gray) or hex values (i.e., #000000)

Required

property

Set the types of offers to be displayed in the IFrame

Offers; Surveys
(default value is Offers)

Optional

virtual_currency_name

Sets virtual currency name on the button title

Name of the virtual currency (string)

Required

expirationDay

Sets the number of days before the toast button reappears after closed

Number (0 or more)

Optional

container

Option to wrap IFrame around a div

Name of the div

Optional

button_location

Sets button location

bottomright; bottomleft; center; topright; topleft (lower case)

Required

title

Sets title for the IFrame modal

String

Required

Optional Reporting Parameters

Parameter Name

Description

Expected Value

affl

Passes in the affl parameter (affl must be enabled in onboarding)

How to pass additional user data?

String

vca

Virtual Currency Analytics name value pairs. Parameters must be configured in VCA tool first.

Name/Value pairs
(i.e., {name:’level’,value:’5’})


Sample Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<body>
<script src='http://pub.myofferpal.com/jslib/mopmodal.js' type='text/javascript' charset='utf-8'></script>
<script type='text/javascript' charset='utf-8'>
                var snuid = '123';
                var application_id = '00000000000000000000000000000000'; 
                var options = {
                                iframe_width:600,
                                iframe_height:1200,
                                scrolling:'yes',
                                modal:'',                     
                                size:'large',        
                                color:'red',  
                                property:'Offers',
                                virtual_currency_name:'favor points',
                                expirationDay:0,
                                container:'', 
                                button_location: 'bottomleft',   
                                title:'abcde'  
                 };

                var parameters = {
                                affl:'myaffiliate',       
                                vca:[                     
                                       {name:'foo',value:'bar'},
                                       {name:'level',value:'58'}
                                ]
                };           
                MOP.tDomain="http://pub.myofferpal.com/"
               MOP.showOffers(application_id, snuid, options, parameters);

</script>
</body>

  Sign in   Recent Site Activity   Terms   Report Abuse   Print page  |  Powered by Google Sites