Widgets

This page is under construction

Only older OJStat widgets (below version 1.2) are described currently. If you want to read it, click the button below. Thank you.

OJStat has 16 responsive widgets (7 graphical widgets, 7 tabular widgets, 1 online visitor widget, and 1 flagcounter widget) that you can embed into a static page on your OJS-based journals via iFrames. You can see the full instruction of using OJStat widgets in your OJStat Dashboard. After logging in into your OJStat Dashboard, click Journals, List Journals, and then Click Data (each journal has their own Widget page).

Graphical Widgets

Graphical Widgets use ChartJs to show the statistics of:

1. Overall visits by date
2. Unique visitors by country
3. All visitors by country
4. Browser usage
5. Device usage
6. Operating System usage, and
7. Referring domain

This is an example of how graphical widget number 1 appears on a static page.

And this is how graphical widget number 3 appears.

Tabular Widgets

Tabular widgets use Bootstrap table and jQuery Datatable to show the statistics of:

1. Overall visit by date
2. Unique visitors by country
3. The number of page view of each page or article in the journal
4. Browser usage
5. Operating system usage
6. Device usage, and
7. Referring domain

As you can see, you have options to use whether to show a certain statistical data either by using graphical or tabular widget, except pageviews and all visitors by country.

This is an example of how tabular widget number 3 appears.

Online Visitor and FlagCounter Widget

Online visitor widget allows the visitors to see how many visitors are online or seeing the journal while FlagCounter widget shows the number of visitors by countries have visited the journal (including you). While it is good to place the graphical and tabular widgets on a static page, online visitor and FlagCounter should be placed on the sidebar.

This is how online visitor and flagcounter appear on the sidebar.

The name of the country appears when visitors hover their mouse pointer on the flags. Well, the flagcounter will appear perfectly when the journal has been visited by visitors from different countries.

Know the chartData and tableData

All widgets, except Online Visitor and FlagCounter widget, require two parameters, siteId and widget data which is chartData for graphical widget and tableData for tabular widget. In the widget page of your OJStat Dashboard, I have provided you with the list of widget data parameters. While the siteid parameter is automatically assigned by OJStat as long as you copy the code directly from the OJStat widget tab, chartData and/or tableData must be typed manually.

In the widget code, you will find CHARTDATA and/or TABLEDATA and you should replace them with respective data you want to show. The sample link is like below:

Graphical Widget Sample Code:

<iframe src="../../ojstat/widget-chart.php?siteId=1&chartData=CHARTDATA" frameborder="0" scrolling="auto" width="100%" height="350px"></iframe>

Tabular Widget Sample Code:

<iframe src="../../ojstat/widget-table.php?siteId=1&tableData=TABLEDATA" frameborder="0" width="100%" height="630px" scrolling="auto"></iframe>

You need to adjust:

1. Scrolling (yes, no, auto)
2. Width (100% recommended)
3. Height (adjust in pixel to satisfy your eyes)

Online Visitor Sample Code:

<iframe id="onlineWidget" frameborder="0" scrolling="no" width = "100%" height="30"></iframe>

FlagCounter Sample Code:

<iframe id="flagCounter" width="100%" height="400" frameborder="0" scrolling="no"></iframe>

Please remember that you can access the information about how to use these widgets right in your OJStat Dashboard.