WetpaintLoaded_example.js

window.WetpaintLoaded = function () {
    var fanConverterEl = document.getElementById('post-1')

    var fanConverter = new window.Wetpaint.FanConverter.App({
      accountId: 'some_GA_accountID',
      el: fanConverterEl,                                           // element in which to render the fan converter
      socialUrls: [
        'https://www.facebook.com/somePage',
        'https://www.twitter.com/somePage'
     ],
      topOffset: 120,
      force: true,                                                  // forces fan converter to be shown
      expires: 30,                                                   // expiration date if user likes or follows
      dismissExpires: 3,                                            // expiration date if user dismisses fan converter
      pageViewsGreaterThan: 3,                                      // show only after defined number of page views
      referrerMatch: /.*/,                                          // regular expression to match referrer
      template: {
        jsTemplate: document.getElementById('mustacheTemplate').innerHTML,            // uncompiled mustache template

        attributes: {
          message: 'Please like us to continue viewing article.'
        },

        onRender: function (viewObj) {
          contentObstructionShowing(true);
          console.log(viewObj);
          var fcNoThanks = document.getElementById('fc-no-thanks');
          var fcAlreadyLike = document.getElementById('fc-already-like');
          var fcClose = document.getElementById('fc-close');

          $(fcNoThanks).on('click', function (e) {
            //Fun code, like Google Analytics events
            viewObj.noThanks();
          });

          $(fcAlreadyLike).on('click', function (e) {
            //Fun code, like Google Analytics events
            viewObj.alreadyLike();
          });

          $(fcClose).on('click', function (e) {
            //Fun code, like Google Analytics events
            viewObj.close();
          });
        },

        onClose: function (viewObj) {
          contentObstructionShowing(false);
          //Fun code, like Google Analytics events
        }
      },

      // function to evaluate if fan converter should be shown
      applicationShouldDisplay: function () {
        return true;
      }
    });

    var simulatePageView = document.getElementById('simulatePageView');
    $(simulatePageView).on('click', function (e) {
      fanConverter.forcePageView();
      console.log(fanConverter.getPageView());
    });

    var setPageView = document.getElementById('setPageView');
    $(setPageView).on('click', function (e) {
      fanConverter.setPageView(0);
      console.log(fanConverter.getPageView());
    });

    var likedCallback = function (resp) {
      console.log('liked');
      console.log(resp);
    }

    var unlikedCallback = function (resp) {
      console.log('unliked');
      console.log(resp);
    }

    var followCallback = function (resp) {
      console.log('followed');
      console.log(resp);
    }

    var unfollowCallback = function (resp) {
      console.log('unfollowed');
      console.log(resp);
    }


    fanConverter.subscribe('liked', likedCallback);
    fanConverter.subscribe('unliked', unlikedCallback);
    fanConverter.subscribe('followed', followCallback);
    fanConverter.subscribe('unfollowed', unfollowCallback);
};