• Registered: 2012-09-15
  • Posts: 2

Topic: counting your visitors

I would like to make a website with multiple gallery's. Is there a way to count the amount of visitors for each gallery, for example with yellowtracker or an other tracking tool?

  • Registered: 2012-04-24
  • Posts: 5,906

Re: counting your visitors

A Juicebox gallery's 'index.html' page is just a regular HTML page and you can insert tracking code (for example from Google Analytics, StatCounter or YellowTracker) into the page like you would any other page.
If you are embedding your galleries into existing web pages alongside other content using the recommended embedding code, then insert your tracking code into those pages instead of the gallery 'index.html' pages (which would become redundant).

3 Reply by jack_russel_be (edited by jack_russel_be 2012-09-15 19:57:25)

  • Registered: 2012-09-15
  • Posts: 2

Re: counting your visitors

Thanks for the quick response. However, I'm using Wordpress and each time I photograph an event, I make a new post with a new gallery (for example www.123foto.be). I would like to use the juicebox plugin, eventually the pro-version. Are there some ways to fix it?
Thanks in advance.

  • Registered: 2012-04-24
  • Posts: 5,906

Re: counting your visitors

If using WordPress, perhaps something like the Google Analytics for WordPress plugin would be a good solution.
Otherwise, try searching the WordPress Plugin Directory with search terms such as 'hit counter' for other suggestions.

  • Registered: 2014-01-31
  • Posts: 4

Re: counting your visitors

hello,
I've created a gallery with lightroom plugin of juice box and now I vould like to insert the code provided from Statcounter.
I've put the code inside the <body> tag of the index.html page created by the plug in, bu unfortunately it seem that doesnt works.
Is there a suggestion where to put the code?

this is an example of index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>juice box prova</title>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />
        <meta name="description" content="" />
                <!--START OPEN GRAPH TAGS-->
        <meta property="og:description" content="" />
        <meta property="og:image" content="/images/logo-juicebox.jpg" />
        <meta property="og:title" content="juice box prova" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="/" />
        <!--END OPEN GRAPH TAGS-->
                <style type="text/css">
            body {
                margin: 0px;
                            }
        </style>
<!-- Font Google -->

<link href='http://fonts.googleapis.com/css?family=Flamenco:300' rel='stylesheet' type='text/css'>
        
<link href='http://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'>    



</head>
    <body>
        <!--START JUICEBOX EMBED-->
        <script src="jbcore/juicebox.js"></script>
        <script>
            new juicebox({
                backgroundColor: "rgba(34,34,34,1)",
                containerId: "juicebox-container",
                galleryHeight: "100%",
                galleryWidth: "100%",
                galleryFontFace: 'Roboto'
            });
        </script>
        <div id="juicebox-container">
                            <noscript>
                    <h1>juice box prova</h1>
                                            <p><img src="images/logo-juicebox.jpg" title="" alt="" /><br /></p>
                                    </noscript>
                    </div>
        <!--END JUICEBOX EMBED-->
    </body>
</html>

and this is the code provided by statcounter

<!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
var sc_project=9221299; 
var sc_invisible=1; 
var sc_security="6205fa84"; 
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="click tracking"
href="http://statcounter.com/" target="_blank"><img
class="statcounter"
src="http://c.statcounter.com/9221299/0/6205fa84/1/"
alt="click tracking"></a></div></noscript>
<!-- End of StatCounter Code for Default Guide -->

thank you in advance
Luigi

  • Registered: 2012-04-24
  • Posts: 5,906

Re: counting your visitors

@paracchini.luigi

According to this StatCounter web page (http://statcounter.com/support/knowledge-base/14/), the code they provide should be inserted just before the closing <body> tag.
Quote from the web page above:

It's very important to install StatCounter in the correct place on your website i.e. just inside the closing "body" tag - </body> - as indicated below.

There is no reason why this should not work on a Juicebox gallery page. (A Juicebox gallery is essentially just a <div> container on a regular web page.)

I'm not sure how long it takes for visits to your web page to show up in the StatCounter logs. (It might not be instant.)
Perhaps the StatCounter support team can help with this.
They should also be able to help if you find that the tracking code does not work.

7 Reply by paracchini.luigi (edited by paracchini.luigi 2016-03-11 08:51:33)

  • Registered: 2014-01-31
  • Posts: 4

Re: counting your visitors

hi, thank you for your advice.

I've found the problem.

The statcounter code was setting with "sc_invisible=1"; in order to make visible it ther right setting is "sc_invisible=0"


thank you anyway.

  • Registered: 2012-04-24
  • Posts: 5,906

Re: counting your visitors

I'm glad you've been able to resolve your problem. Thank you for letting me know.