Posted by & filed under Uncategorized.

Of the many visitors to your site each day, some might check out your service, visit a few pages…maybe even sign up and become a customer (the best kind of visitors!). All of your favorite analytics software can show you these visitors with numbers and graphs, but what about the actual people behind those numbers?

Getting a better perspective on visitors

We recently blogged about using Olark to view real-time context about your visitors, right from your buddy list. To cover some basics, we show you the approximate location where your visitor comes from:

Buddylists and Analytics

…but location may not be the most important piece of context about your visitors. What are their names? Are they existing customers? Were they referred from an ad campaign? Did they land on your payment page previously? This is information that you might have access to, but you don’t have a way of viewing it easily in real-time.

Bringing relevant customer information up front

Using our powerful Javascript Chat API, you can now display this information in real-time as visitors land on your website. Here are some neat tricks you can use:

Do you have the full name of your registered users? Show that customer name in your buddy list, and never forget who you’re talking to:

<script type="text/javascript">
olark('api.chat.updateVisitorNickname', {
    snippet: "John Doe"
});
</script>
Visitor Nickname

Do you collect email addresses on your website? Show that email address in your buddy list so that you can follow up over email after striking up a chat:

<script type="text/javascript">
olark('api.chat.updateVisitorNickname', {
    snippet: "sally@example.com"
});
</script>
Visitor Nickname

Want to know which visitors are looking at your payment page? Just add a label to highlight those visitors:

<script type="text/javascript">
olark('api.chat.updateVisitorNickname', {
    snippet: "on payment page"
});
</script>

To get this visitor information from your website, you could use PHP variables:

<script type="text/javascript">
olark('api.chat.updateVisitorNickname', {
    snippet: "<?= $email_address ?>"
});
</script>

…or even jQuery elements from the HTML itself:

<script type="text/javascript">
olark('api.chat.updateVisitorNickname', {
    snippet: $("#username").text()
});
</script>

…you get the idea.

Other ways to view visitor information

Sometimes you may have too much information for a nickname, or maybe you use a chat system like Gtalk that doesn’t allow Olark to update the nicknames. Don’t despair! We allow you to change the visitor status message as well:

<script type="text/javascript">
olark('api.chat.updateVisitorStatus', {
    snippet: "arrived from Adwords Campaign"
});
</script>
Visitor Status

Take a look at our post about viewing live info about visitors for more details about how to view this in your instant messenger.

What kind of per-visitor information do you find most valuable? And what other tools are you using to view that information?

  • asdf

    It horrifies me that you think you have the right to harvest and store this information. This article makes me want to leave TOR running 24/7.

    • http://twitter.com/mulka Kyle Mulka

      They only have access to data you or your computer gives them. They don’t “harvest” it. TOR won’t help you, except for changing your IP address and hense the city the website thinks you are in.

  • http://www.vastermonster.com thrashr888

    @asdf Not sure if you read this correctly but, as they stated, websites already have all of this data. In fact, they only have the data you give them. TOR won’t hide your email address if you register for a website and give it to them. Not sure what your beef is.
    I don’t work for these guys.

  • http://byJess.net/ Jess Bachman

    love it, just what i needed. i hated asking people for their usernames.

  • Ant

    Very helpful to know this information without having to ask or delve into log files…
    @asdf as stated by previous comments, all this info is available anyway, this just puts it into an easy to read format for chat operators. Not a conspiracy against you, take your foil hat off now…

  • IHD

    where in the script do we paste this code? is it on every page, or do i have to include it in the original php doc that my olark script is in?

    • http://www.olark.com Matt

      You can put this code on any page, below the Olark embed code.  If you have your user details in your original PHP script, you can certainly put this custom code in there so that all of your pages will have those visitor details.  Hope this helps explain a bit!

  • http://www.akasa.com.hr/ Akaša

    Hi, do you have snippet for facebook? FB ads also have too much information.

    • http://www.olark.com Matt

      I don’t have a snippet for FB offhand, but at some point I’m hoping to dig into FB Connect a bit and see if we can write up an example for that. Good suggestion!

  • m0t3x

    Love it. Very helpful. This program rocks, but the prices are a bit crazy.

  • Guest

    How do I install these scripts with a shopify account? Just find a place to paste these into the theme.liquid? Do I have to do anything with the olark.js?

    • Roland

      yeah you’d need to put that in your theme at the moment.

  • http://patchlog.com Mihai Secasiu

    It would be good if there would be a way to add some information to the initial info that is sent to the operator when a visitor starts chatting.
    The use case for this: I want to give the operator an easy way ( a link ) to add the visitor to a CRM.
    I can update the status and put the link there but the info in the status is not easily clickable in all IM clients.

    • http://www.olark.com Matt

      Sure thing – you can actually do this with our API.  Take a look at the api.chat.onBeginConversation event:

      http://www.olark.com/documentation/javascript/api.chat.onBeginConversation

      There is also a good example on that page for you to start from.  Hope this helps!

      • http://patchlog.com Mihai Secasiu

        Great, it’s just want I wanted.

        Now a bit off topic: how do I download all the transcripts programmatically?

        • http://www.olark.com Matt

          Sure thing – we have a Webhooks API for that:

          http://www.olark.com/help/webhooks

          We don’t have an API to retroactively grab the transcripts just yet, but hopefully this helps in the meantime :)

          • http://patchlog.com Mihai Secasiu

            Unfortunately I need the transcripts that are already in there . Actually what I need is just the conversation info ( email, referrer and page ) for each of those past transcripts.
            A zip archive to download all at once would be best :)

          • http://www.olark.com Matt

            Thanks for that feedback Mihai – I voted for it in our feature requests (with your comment), and we’ll make sure to follow up with you over email when we have a first version.

  • Thenatashalps

    I’d like to know Like just a first name, the rest isn’T really needed, unless it’s an onine shop or something.