How to use Hitsteps Web Analytics & Live Chat on Squarespace?

Squarespace have an integrated basic web statistics, but if you need more features, we’ve got you covered.

You can use Hitsteps Web Analytics and live chat with Squarespace-based websites, we’ve tested it and we provide you with instructions on how to get it running.

We suppose that you have a hitsteps account, if you don’t have, get your account here

Go to your website dashboard in hitsteps.com control panel and get your tracking code:

tracking code hitsteps

You’ll see this page if you register for a new account and add your website.

If you would like to put a live chat widget in your website too, please use code provided in Chat Widgets section in additional to tracking code.

You need to put this code in footer of your Squarespace site, here’s how.

If you have SquareSpace premium, you can follow this steps. Otherwise, follow step below under “For SquareSpace Free Accounts”

From left menu, click on Settings:

Then click on Advanced:

And then Code Injection:

And enter code you copied into Footer area:

For SquareSpace Free Accounts

Login to your Squarespace admin and from left sidebar, click Setting:

 

how edit footer in square space

Now click on little trigger button to add new content, and add a new “Code” content:

add new code/javascript to squarespace

Enter hitsteps tracking code you copied earlier here. Make sure “Display Source” is unchecked and code type is set to HTML as shown in this picture. click apply:

add javascript code to squarespace

And finally save the changes, and we are ready!

save changes

In case of any issues or questions, please drop us an email

 

 

 

 

How include your visitors details when they send you an email?

We’ve introduced Contact form integration for hitsteps analytics a while ago, however lack of proper documentation caused lot of our customers still asking us how to use this feature! Here we guide you step by step on how to get it working.

End result will be something like this at end of your incoming emails from your websites which shows your visitor information and pageview path:

wpemail

it is cool, isn’t it!? Go open a hitsteps account if you haven’t yet! It works with WooCommerce, Ninja Forms, Contact Form 7, Gravity Forms and even Jetpacks Contact forms! Yes, they are all WordPress plugins which we’ve integrated this function into them. for other kind of websites, you’ll need to manually integrate and code API into your site.

Here is how to configure it for each of these plugins:

WooCommerce

You don’t need to manually do anything for WooCommerce to enable it, it is enabled by default when you install and activate our plugin, you can disable it if you don’t want it from Setting > Hitsteps

Jetpacks

You don’t need to manually do anything for JetPacks to enable it too, it is enabled by default when you install and activate our plugin, you can disable it if you don’t want it from Setting > Hitsteps. There is a checkbox to disable it for jetpacks.

Contact Form 7

  1. Open your form to edit, and find Hitsteps Analytics button in your contact form.
    chrome_2016-04-18_16-35-11
  2. A popup will open. Click on Insert Tag button to inject our code into contact form. It doesn’t matter where you will put this code. it is invisible to your visitors.
    chrome_2016-04-18_16-37-36
  3. Go to Mail Tab and enter [hitsteps_analytics] wherever you want visitor information to be displayed inside of the email.
    chrome_2016-04-18_16-39-35
  4. It is better to enable HTML email checkbox, so that you can receive a well organized report of your visitors.
  5. Enjoy knowing your visitors before replying to them!

Ninja Forms

  1. Go to your ninja forms editor, and you can see Hitsteps Tracker button! Click on that button and save the form!
    chrome_2016-04-18_16-51-11
  2. Make sure you put Hitsteps tracker as last field in your form. It will be invisible to your users.
  3. That’s all!

Gravity Forms

  1. Go to your Gravity Forms Form Editor and you can see Hitsteps Tracker in list.
    chrome_2016-04-18_17-22-17
  2. Drag hitsteps tracker into your form and Update the form to save changes.
  3. It is all ready 🙂

Manual Integration API

We have manual integration API for those who are not using WordPress, you need to have PHP programming skill to do it or to hire a developer to do it for you. You need to download our wordpress plugin file and look at one of the integrations, say contact form 7 and use that as documentation.

Page Analysis is new heatmap

Page Analysis, It make you forget about classic heatmaps! dive into Page Analysis. We have added Page Analysis under Heatmap menu in your dashboard. Zero configuration needed. You can look at number of clicks on each elements in your key and lead pages. It works with dynamic elements, carousels and even submenus. Go discover all those items you never thought your visitors would click!

Why next heatmap? Classic heatmaps looks nice, those colorful maps that shows click spots. but what if you have a dynamic page, a popup on startup or something that get all clicks and let you keep guessing for other parts. Well, no more guessing.

Now you can simply take a look at each element in your page and see how many click each of them got. Check it now in your dashboard, it is included in your current plan if you had heatmap.

How to patch your Linux Server against newly discovered glibc vulnerability?

There is a very critical security problem detected with linux server which allow hackers to gain access to your Mailserver and SSH without ever knowing it’s password.

It is a buffer overflow caused by Glibc known as GHOST, it is vulnerability # CVE-2015-0235 which announced on 27th January. More details about this issue is here.

You can patch your C Library (Glibc in CentOS or libc in Debian) easily know. they have published fix and all you need to do is to update your server and then reboot it.

In CentOS (5,6,7) you can run following commands to fix this issue:

yum update glibc

and then you need to reboot your server:

shutdown -r now

And you are on safe side now!

In Debian or Ubuntu, you can use:

apt-get update
apt-get upgrade

to update your OS.

again, type reboot command to reboot your server:

reboot

and now your servers are safe 🙂

 

 

How to boost your online campaigns using Hitsteps?

To get most of your online campaigns, you need to have a good analytics solution to track it for you. Lesson learn while tracking your campaign will be priceless and best experience for your next campaigns.

Measurement is key for success, if you don’t set goals, you’ll never reach your goals! and that’s first step in Hitsteps.

Create your goal in hitsteps. Your goal is ultimate/final page where you want your clients to go or click, and then create campaign start page. Connect your campaign to your goal.

Next step is to Label each key page funnel along the way. It allow you to view where your visitors are at any given stage. You can search visitors based on labels they trigger, or see label tag next to each visitor in Hitsteps dashboard or any other lists. You can make a label for your Landing page, Funnel page, Another funnel page and Final page.

In labels page, you can see progress of each label. you can see exactly how many visitors trigger main page, how many proceed to next page, and how many finally made it to goal page.

In campaign page, you can see those who started campaign but haven’t finished it yet. you can checkout their behaviour in your website to understand why.

Calculating your ROI never been easier.

Don’t go having your next campaign without tracking them first, it’s like throwing eggs down to the floor!

Customize Your Web Analytics Dashboard

How’dy!

We’ve took one step toward personalization!
Some of you have asked us how to customize dashboard, here it is now!

Open your dashboard, and move widgets around. put them wherever you prefer them to be.

You can even resize that big active visitors widget and make it smaller!

If you think our current default layout of dashboard widgets is not appealing, share yours with us at sales@hitsteps.com

We would like to see it from your side 🙂

move

Copy large files between servers

There is an issue we faced while part of our database to another server far far away for performance and stability. However, SCP appears to transfer at 2MB/s where network was 10MB/s. we cancelled transfer and used alternatives.

What are alternatives you can use?

First, you can speed up SCP by turning on compression which will have a slight effect:

scp -C -o 'IPQoS throughput' -o 'CompressionLevel 9'  -c arcfour file

however, there seems to be some issue when transfer time passed 5 minutes, it just get slow and slower due to network latency. Rsync was not an option as we needed a parallel way.

If your both servers are in same data center, then either rsync or scp would do just fine, but in our case, We came up with Axel! it is not quite similar to others, but does job perfectly. It works excellent when data centers are far away.

Axel is a parallel HTTP downloader which support resume, and can download as fast as available bandwidth. Transfer time has been cut down to 30 minutes and 10MB/s (fastest our network support)

A simple command can such as:

axel -a -v -n 8 http://domain.com/somerandomfolder/largefile.zip

can do the job and use maximum capacity of your internet. However be aware that once you copy a file in your HTTP address it will be accessible to the world, make sure URL is kept secret and you delete file from URL as soon as download is finished.

You might need to install axel via

yum install axel
apt-get install axel

DNS Load Balancing and Auto IP Failover

We had a scenario here, which we needed to distribute load between few servers, buying a load balancer was not an option (or at least we wanted to experiment with DNS Load balancing) and it worked great.

Afterall, A load balancer is just another point of break in case your load balancer crash!

Please note that this load balancing won’t check status of servers and randomly return IP addresses (but your visitor won’t see a crashed server!)

Another side effect is that DNS load balancer won’t keep same visitor on same server on each page refresh or link change, so you need a shared session for all servers.

PHP’s default session uses file system and isn’t made for sharing between servers, so you’ll need a shared session manager. memcached is a great option here. sync all your server PHP sessions by connecting them to memcached of a server.

Next step, you need to make sure your database is replicated as master-master and file system is synced (you can use lsyncd for file system sync)
If you have more than 2 servers, you might need to use MySQL 5.7 above, because they offer multi-source master replication, so your slave server can connect to 2 masters at same time.
Before MySQL 5.7, multi-master replication was done using round robin replication which causes big problem in case one of servers go offline.

Now, lets see what will happen when you add multiple A records to your DNS.
so, lets say we have this record:

A   www.hitsteps.com   123.123.123.123

We change it to:

A   www.hitsteps.com   123.123.123.123
A   www.hitsteps.com   123.123.123.124

Where 123.123.123.123 is your first server’s IP address and 123.123.123.124 is your second server IP address.

And it is done!

So here is what happens in our experience. Browser randomly choose one of these IP addresses. since file system and session and database is cached, visitor will always see correct page regardless of which server he is connected to.
It is really random and we cannot

Now, if one of your servers crash and IP address become unavailable, browser will choose another available IP address, therefor your visitors won’t see any downtime. Once crashed server come back online, browser will start serving pages using this server again.

Cloudflare Automatic IP Failover

Update: Starting 9th November 2016, Cloudflare will no longer support API v1 which we’ve used in this post. You may look for migrating to v4 and example scripts such as lyoshenka’s great work 😉
Howver you can read our explaination below to figure out how we achieve Failover using CloudFlare service

We use Cloudflare for our service and we use it to have server switchover or failover in case our main server go down, and it been working perfectly ever since!

Wouldn’t it be perfect to have a DNS failover, saving costs by avoiding a hardware and also reduce risk of having main load balancer go down? It is possible to have DNS Load balancing by having two IP Addresses point to same record A, but we go for it in another article.

In this article we will cover how to have CloudFlare perform automatic IP failover for your servers, so in case main server go down, backup server kick in.

Please note for this to work seamlessly, you need your backup server be exactly same as main server. You can achieve this by having MySQL replicated and file system synced using lsyncd. You can also have your backup server show a temporarily message.

If you were to use a real DNS to set IP, it would take hours for new IP to apply to DNS servers around globe, and your visitors would still get pointed to crashed server but not with Cloudflare. new DNS will kick in less than few minutes (1min approx, and max 5mins)

You will need to run monit server in your backup server, ideally you can run monit on a separate server which only have monit server on it. You can get a simple and budget friendly vps linux cloud server from vpsdime and have it check status of your main server.

Let’s cut it short and get to instructions!

Please get your API key from Cloudflare. You can get it from Account tab in cloudflare. Cloudflare is free!

Then you need to shell scripts, one to change IP to backup, and one to change IP to main. Here we have provided both scripts for you. You can download them HERE and set appropriate configs into both files (IP addresses, cloudflare key, email address…)

You need to upload files in your backup server, in this example we use folder /hitsteps/cloudflare/

type in ssh console:

mkdir /hitsteps/
mkdir /hitsteps/cloudflare/

and then upload configured files there.
Make sure you give execute permission to this two files:

chmod +x /hitsteps/cloudflare/*.sh

Now, you need to install monit in your backup server:

yum install monit (or apt-get install monit)

and configure your monit to check your main server status by editing /etc/monit or /etc/monitrc and add following lines to end of it, edit 0.0.0.0 with your main server IP address and change alert email address to your address:

check host 0.0.0.0 with address 0.0.0.0
alert your@email.com
if failed icmp type echo count 3 with timeout 3 seconds for 2 cycles then exec "/bin/bash -c /hitsteps/cloudflare/tobackup.sh"
else if succeeded for 2 cycles then exec "/bin/bash -c /hitsteps/cloudflare/tomain.sh"
if failed url http://0.0.0.0/ with timeout 20 seconds and retry 2 for 2 cycles then exec "/bin/bash -c /hitsteps/cloudflare/tobackup.sh"
#else if succeeded for 2 cycles then exec "/bin/bash -c /hitsteps/cloudflare/tomain.sh"

Now you need to restart monit, and make sure it run on startup:

service monit restart
chkconfig monit on

Guess what? It is all ready! You’ve just setup an auto IP Fail Over using Cloudflare.

Now, monit will check status of your main server by pinging it, if ping failed for 3 times on 3 cycles, then it will fire tobackup.sh file, same will happen if it cannot access webserver for 2 times.
Once server is accessible, it will run tomain.sh.

tobackup.sh will connect to cloudflare API and change your domain IP addresses to backup server. this change usually apply in less than 1 minute by our experience. monit will keep monitor your main server status and change IP back once it is accessible again.

As a sidenote, your cloudflare folder which contain scripts should have write permission because it will write logs into it. you also need to have following apps installed in your linux box for tomain.sh and tobackup.sh parse cloudflare API correctly: bc, cut, curl, sed, head, python

yum install python bc cut curl sed head

Do you have any suggestion to enhance this script? or any feedback? Please do let us know!

How fast are SSD servers? Performance comparison between HDD vs SSD

SSD make difference!

We’ve been hearing that SSD hard disks are new generation and therefor, all database intensive servers have to move to new SSD servers. We gave it a shot and we never regret it!

In hitsteps, we analyze thousands of hits per seconds. this hits then categorized and processed by a background processor, and archived somewhere along with millions of other hits!

Given searching a visitor or looking back into archive of a visitor is an essential feature of hitsteps, we always had to struggle with performance of database searches, specially when searching for some visitors who visited months ago.

MySQL databases need RAM to hold all indexes of data, they also need a fast disk in case data are not in RAM. so we did the test in a mirrored server:

Our search parameter was a simple query of “Searching for a visitor for who visited hitsteps dashboard who are from Canada since 6 months ago”

HDD server took 45 seconds to return query (almost near to timeout in most apache web server setups). SSD server took only 6 seconds to return query. Going to page number 2 in HDD took 15 seconds, in SSD just a wee 2 seconds.

It worth mentioning all other simple queries take less than 0.2 seconds in SSD servers and 0.5 in HDD servers.

Please do note that this times are closed source and relative to our script and codes. It might be different with other Applications, codes and scripts you might use in your server. RAM also play a major role here which is more appearance if your server is using HDD.