Javascript SDK Example

### Full SDK Config
```
window.AptivadaAsyncInit = function(){
    var myFrame = window.Aptivada.init({
        //Required. The app id to be loaded
        campaignId: 265042,
        //Required. The campaign type to be loaded
        campaignType: 'contest',
        //Optional (default .aptivada-campaign) The selector the element to insert the iframe into
        elem: ".aptivada-campaign",
        //allows the iframe to be transparent. Background is set to white when false
        transparent: false,
        //optional (default 700px)
        initialHeight: "700px", //the initial height to be applied to the iframe. The height will automatically adjust based on conditions within the campaign
        //optional (default 100%)
        width: "100%",
        //optional (events will be invoked when certain events happen within the campaign)
        events: {
            //Events applicable to all campaigns
            // ------------------------------------
            //invoked immediately when our application loads
            pageLoaded: function(e){
                console.log('page loaded', e);
            },
            //Events applicable to all campaigns with a form
            // ------------------------------------
            //invoked when the user logs into the form
            userLogin: function(e){
                console.log('user logged in', e);
            },
            //invoked when the user logs out of the application
            userLogout: function(e){
                console.log('user logout', e);
            },
            //invoked when the user completes their entry
            userCompleteEntry: function(e){
                console.log('user complete entry', e);
            },
            //invoked when the user completes a field on the form
            userCompleteField: function(e){
                console.log('user complete field', e);
            },
            //invoked when the user views the last page
            userViewLastPage: function(e){
                console.log('user view last page', e);
            },
            //invoked after a user has successfully shared the campaign
            userShare: function(e){
                console.log('user share', e);
            },
            //Events applicable to gallery campaigns
            // ------------------------------------
            //invoked when a user votes on a gallery submission
            userVote: function(e){
                console.log('user vote', e)
            },
            //invoked when a user views a gallery submission
            userViewSubmission: function(e){
                console.log('user view submission', e);
            },
            //invoked after a user has successfully shared a gallery submission
            userShareSubmission: function(e){
                console.log('user share submission', e);
            },
            //Events applicable to survey/poll/quiz campaigns
            // ------------------------------------
            //invoked when a user finishes their initial info, and begins the survey
            userBeginSurvey: function(e){
                console.log('user begin survey', e);
            },
            //invoked when a user completes a question
            userCompleteQuestion: function(e){
                console.log('user complete question', e);
            },
            //invoked when a user completes the survey
            userCompleteSurvey: function(e){
                console.log('user complete survey', e)
            },
            //Events applicable to sport campaigns
            // ------------------------------------
            //invoked when a user makes a pick or removes a pick
            userMakePick: function(e){
                console.log('user make pick', e);
            },
            //Events applicable to countdown campaigns
            // ------------------------------------
            //invoked when a user successfully submits a keyword
            userSubmitKeyword: function(e){
                console.log('user submit keyword', e);
            }
        }
    })
}
```
### Basic Embed Example
```
<script>
window.AptivadaAsyncInit = function(){
    var myFrame = window.Aptivada.init({
        campaignId: 265042,
        campaignType: "contest",
        events: {
            userCompleteEntry: function(e){
                        console.log('user complete entry', e);
                    },
        }
    })
}
</script>
<script src="https://campaign.aptivada.com/sdk.js"></script>
<div class="aptivada-campaign"></div>