Olark

---

Olark is a lightweight chat tool that helps businesses interact with their customers to ensure a good customer support interaction

Most of the analytics are done through Olark's own admin-console and this guide is mainly to integrate a customer's Login Radius identity to their Olark chat profile.

Implementation

You will first need the following JavaScript files (you may have some of them already, make sure the order of the scripts is correct).

Deploy the LoginRadius V2 JS

<script src="https://auth.lrcontent.com/v2/js/LoginRadiusV2.js"></script>

Deploy the LoginRadius V2 Integration JS

<script src="https://auth.lrcontent.com/v2/js/LoginRadiusV2.Integrations.js"></script>

Olark JS Code

Start with Olark from here by accessing your Admin-console

In the tab Preferences -> Installation copy and paste your installation code into the page

Within the onSuccess functions (i.e. login.onSuccess), include:

LRObject.identify('olark',response.Profile, map);

<script>
     var mapping={
     standard:[
       "email",
       "firstname"
     ],
     custom:{
       olark:{
         mappings:{
         "Email[0].Value":"Email Address"
          },
         ignoreDefault:true // ignores standard, only does the mappings
       }
     }
   };
    var commonOptions = {};
    commonOptions.apiKey = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxx';
    commonOptions.appName = 'XXXXX';
    var  LRObject = new LoginRadiusV2(commonOptions);
    var login_options = {};
    login_options.onSuccess = function(response) {
    //On Success
    // Use to sync data in your intercom integration.
    LRObject.identify("olark",response.Profile,mapping)
    console.log(response);
    };
    login_options.onError = function(errors) {
    //On Errors
    console.log(errors);
    };
    login_options.container = "login-container";
    LRObject.util.ready(function() {
    LRObject.init("login",login_options);
    });
</script>

Custom Mapping

If you're handling the data yourself, (isCustom == true), then make sure your data is formed correctly to pass into the Olark integration.

• Olark requires that your custom object complies to this:

{
    snippet: ['firstitem','seconditem','thirditem',..*]
}

Example

<script>
    var data = {
    snippet: ['firstitem','seconditem','thirditem',..*]
}
    var commonOptions = {};
    commonOptions.apiKey = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxx';
    commonOptions.appName = 'XXXXX';
    var  LRObject = new LoginRadiusV2(commonOptions);
    var login_options = {};
    login_options.onSuccess = function(response) {
    //On Success
    // Use to sync data in your olark integration.
    LRObject.identify("olark",data,'', true)
    console.log(response);
    };
    login_options.onError = function(errors) {
    //On Errors
    console.log(errors);
    };
    login_options.container = "login-container";
    LRObject.util.ready(function() {
    LRObject.init("login",login_options);
    });
</script>

Correct Behaviour

If installed correctly on Olark, this is how a user should look like in your chat Admin-console.

• This is assuming your Registration Page has the fields for Phone Number, Full Name, and E-mail.
• This is also assuming you left the standard field completely blank meaning every available default field should have been deployed on your Olark Admin-console.

• The correct behavior for your own custom object would just be everything in the "Advanced Info" section of the person's profile.