Tracking The Number Of Visits JavaScript Code

Keep track of how many times your visitors have visited the page. Here's the code. Insert this code in the head tag and body tag in the page you want to have this feature.

The script uses the cookie to track the number of users to access web pages. It will show the number of visits when the user returns to the same page again.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="JavaScript">
<!-- Hide the script from old browsers --
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function Who(info){
                var VisitorName = GetCookie('VisitorName')
                if (VisitorName == null) {
                        VisitorName = prompt("Who are you?",'');
                        SetCookie ('VisitorName', VisitorName, exp);
                }
        return VisitorName;
}
function When(info){
                var rightNow = new Date()
                var WWHTime = 0;
                WWHTime = GetCookie('WWhenH')

                WWHTime = WWHTime * 1
                var lastHereFormatting = new Date(WWHTime);  // Date-i-fy that number
                var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate()
                var lastHereInDateFormat = "" + lastHereFormatting;  // Gotta use substring functions
                var dayOfWeek = lastHereInDateFormat.substring(0,3)
                var dateMonth = lastHereInDateFormat.substring(4,11)
                var timeOfDay = lastHereInDateFormat.substring(11,16)
                var year = lastHereInDateFormat.substring(23,25)
                var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay // display
                SetCookie ("WWhenH", rightNow.getTime(), exp)
        return WWHText;
}
function Count(info){
                var WWHCount = GetCookie('WWHCount')
                if (WWHCount == null) {
                        WWHCount = 0;
                }
                else{
                        WWHCount++;
                }
                SetCookie ('WWHCount', WWHCount, exp);
        return WWHCount;
}
function set(){
        VisitorName = prompt("Who are you?",'');
        SetCookie ('VisitorName', VisitorName, exp);
        SetCookie ('WWHCount', 0, exp);
        SetCookie ('WWhenH', 0, exp);
}
function getCookieVal (offset) {
        var endstr = document.cookie.indexOf (";", offset);
        if (endstr == -1)
                endstr = document.cookie.length;
                return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
        var arg = name + "=";
        var alen = arg.length;
        var clen = document.cookie.length;
        var i = 0;
        while (i < clen) {
        var j = i + alen;
        if (document.cookie.substring(i, j) == arg)
                return getCookieVal (j);
                i = document.cookie.indexOf(" ", i) + 1;
                if (i == 0) break;
        }
        return null;
}
function SetCookie (name, value) {
        var argv = SetCookie.arguments;
        var argc = SetCookie.arguments.length;
        var expires = (argc > 2) ? argv[2] : null;
        var path = (argc > 3) ? argv[3] : null;
        var domain = (argc > 4) ? argv[4] : null;
        var secure = (argc > 5) ? argv[5] : false;
        document.cookie = name + "=" + escape (value) +
        ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
        ((path == null) ? "" : ("; path=" + path)) +
        ((domain == null) ? "" : ("; domain=" + domain)) +
        ((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
        var exp = new Date();
        exp.setTime (exp.getTime() - 1);
        // This cookie is history
        var cval = GetCookie (name);
        document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
// -- End Hiding Here -->
</script>

Insert this code into <body> tags

<script language="javascript">
<!--
// Boolean variable specified if alert should be displayed if cookie exceeds 4KB
var caution = false

// name - name of the cookie
// value - value of the cookie
// [expires] - expiration date of the cookie (defaults to end of current session)
// [path] - path for which the cookie is valid (defaults to path of calling document)
// [domain] - domain for which the cookie is valid (defaults to domain of calling document)
// [secure] - Boolean value indicating if the cookie transmission requires a secure transmission
// * an argument defaults when it is assigned null as a placeholder
// * a null placeholder is not required for trailing omitted arguments
function setCookie(name, value, expires, path, domain, secure) {
        var curCookie = name + "=" + escape(value) +
                ((expires) ? "; expires=" + expires.toGMTString() : "") +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                ((secure) ? "; secure" : "")
        if (!caution || (name + "=" + escape(value)).length <= 4000)
                document.cookie = curCookie
        else
                if (confirm("Cookie exceeds 4KB and will be cut!"))
                        document.cookie = curCookie
}

// name - name of the desired cookie
// * return string containing value of specified cookie or null if cookie does not exist
function getCookie(name) {
        var prefix = name + "="
        var cookieStartIndex = document.cookie.indexOf(prefix)
        if (cookieStartIndex == -1)
                return null
        var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
        if (cookieEndIndex == -1)
                cookieEndIndex = document.cookie.length
        return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}

// name - name of the cookie
// [path] - path of the cookie (must be same as path used to create cookie)
// [domain] - domain of the cookie (must be same as domain used to create cookie)
// * path and domain default if assigned null or omitted if no explicit argument proceeds
function deleteCookie(name, path, domain) {
        if (getCookie(name)) {
                document.cookie = name + "=" +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                "; expires=Thu, 01-Jan-70 00:00:01 GMT"
        }
}

// date - any instance of the Date object
// * you should hand all instances of the Date object to this function for "repairs"
// * this function is taken from Chapter 14, "Time and Date in JavaScript", in "Learn Advanced JavaScript Programming"
function fixDate(date) {
        var base = new Date(0)
        var skew = base.getTime()
        if (skew > 0)
                date.setTime(date.getTime() - skew)
}

var now = new Date()
fixDate(now)
now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000)
var visits = getCookie("counter")
if (!visits)
        visits = 1
else
        visits = parseInt(visits) + 1
setCookie("counter", visits, now)
document.write("You have been here " + visits + " time(s).")

// -->
</script>

Instruction:

Refer to the inside of the code instructions.

Webmaster » Web Programming » JavaScript » User Details » Tracking The Number Of Visits

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links