Coder Social home page Coder Social logo

dotninth / statamic-plausible-analytics Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jackabox/statamic-plausible-analytics

0.0 0.0 0.0 395 KB

Integrate Plausible Analytics into your Statamic Dashboard

License: MIT License

JavaScript 2.96% PHP 53.95% Vue 37.22% Blade 5.87%

statamic-plausible-analytics's Introduction

Plausible Analytics for Statamic

A wrapper around the Plausible API that fetches the analytics into your dashboard in a pretty way.

Setup

Install the addon.

composer require jackabox/statamic-plausible-analytics

Then follow the steps in the config step bellow.

Config

  1. Head to your Plausible Settings.
  2. Scroll down to API key and generate a new one. Name it whatever you like.
  3. Copy that value into your .env as PLAUSIBLE_KEY.
  4. Get your site as displayed in your Plausible Dashboard (e.g. jackwhiting.co.uk). Add that value to your .env as PLAUSIBLE_SITE.
  5. Data should load.

For more customisation you can publish the config and adjust the values as you wish.

php artisan vendor:publish --tag=plausible-config

By default, all results from the API are cached. This can be overwritten, but I didn't want to spam to the API.

Widgets

There are four widgets included with a few options. Periods to display be changed between 12mo,6mo,month,30d,6d,day.

Visitor Overview

[
    'type' => 'plausible_visitor_overview',
    'period' => '30d', // Period you want to show
    'show_graph' => 0 // Boolean, 0 or 1
],

Top Pages

[
    'type' => 'plausible_top_pages',
    'period' => '30d'
]

Top Browsers

[
    'type' => 'plausible_top_browsers',
    'period' => '7d'
]

Top Referrers

[
    'type' => 'plausible_top_referrers',
    'period' => '7d'
]

Issues

If there are any problems with getting this to work, please open an issue on GitHub. If you have any ideas/want to discuss new features please use the discussions feature :)

statamic-plausible-analytics's People

Contributors

jackabox avatar pschocke avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.