├── .gitattributes
├── composer.json
├── index.css
├── index.js
├── index.php
├── readme.md
└── snippets
    └── plausible.php


/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "floriankarsten/kirby-plausible",
 3 |     "description": "",
 4 |     "type": "kirby-plugin",
 5 |     "license": "MIT",
 6 |     "authors": [
 7 |         {
 8 |             "name": "Florian Karsten",
 9 |             "email": "code@floriankarsten.com"
10 |         }
11 |     ],
12 |     "require": {
13 |         "getkirby/composer-installer": "^1.1",
14 | 	"getkirby/cms": "^4.0 || ^5.0"
15 |     },
16 |     "autoload": {
17 |     },
18 |     "config": {
19 |         "optimize-autoloader": true
20 |     }
21 | }
22 | 


--------------------------------------------------------------------------------
/index.css:
--------------------------------------------------------------------------------
 1 | .plausible-iframe {
 2 |   width: 1px;
 3 |   min-width: 100%;
 4 |   height: 1600px;
 5 |   margin-inline: -1.5rem;
 6 |   color-scheme: light;
 7 |   background-color: transparent;
 8 |   outline: none;
 9 | }
10 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | panel.plugin("floriankarsten/plausible", {
 2 | 	components: {
 3 | 		"k-plausible-view": {
 4 | 			template: `
 5 | 				<k-panel-inside class="k-plausible-view">
 6 | 						<k-section>
 7 | 							<template v-if="sharedLink">
 8 | 								<iframe
 9 | 									plausible-embed
10 | 									:src="sharedLink + '&embed=true&theme=' + theme + '&background=transparent'"
11 | 									frameborder="0"
12 | 									loading="lazy"
13 | 									scrolling="no"
14 | 									class="plausible-iframe"
15 | 								/>
16 | 								<component is="script" async src="https://plausible.io/js/embed.host.js" />
17 | 							</template>
18 | 							<k-box
19 | 								v-else
20 | 								icon="info"
21 | 								theme="info"
22 | 							>
23 | 								You need to set <code>floriankarsten.plausible.sharedLink</code> in <code>config.php</code>
24 | 							</k-box>
25 | 						</k-section>
26 | 				</k-panel-inside>
27 | 			`,
28 | 			props: {
29 | 				sharedLink: String,
30 | 			},
31 | 			computed: {
32 | 				theme() {
33 | 					return this.$panel.theme?.current ?? "light";
34 | 				},
35 | 			},
36 | 		},
37 | 	},
38 | });
39 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | Kirby::plugin('floriankarsten/plausible', [
 4 | 	'areas' => [
 5 | 		'plausible' => function ($kirby) {
 6 | 			return [
 7 | 				'label' => 'Analytics',
 8 | 				'icon' => 'chart',
 9 | 				'disabled' => false,
10 | 				'menu' => true,
11 | 				'link' => 'plausible',
12 | 				'views' => [
13 | 					[
14 | 						'pattern' => 'plausible',
15 | 						'action'  => function () use ($kirby) {
16 | 							return [
17 | 								'component' => 'k-plausible-view',
18 | 								'title' => 'Analytics',
19 | 								'props' => [
20 | 									'sharedLink' => option('floriankarsten.plausible.sharedLink')
21 | 								],
22 | 							];
23 | 						}
24 | 					]
25 | 				]
26 | 			];
27 | 		}
28 | 	],
29 | 	'snippets' => [
30 | 		'plausible' => __DIR__ . '/snippets/plausible.php'
31 | 	]
32 | ]);
33 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # Kirby Plausible
 2 | Simple plugin providing Plausible iframe panel view to Kirby panel and frontend snippet.
 3 | 
 4 | ![CleanShot 2021-11-04 at 17 53 43](https://user-images.githubusercontent.com/4954323/140384031-efdf83d7-06a3-4ce3-a60b-3827fe63fd9c.png)
 5 | ## Installation
 6 | `composer require  floriankarsten/kirby-plausible`
 7 | or download from releases
 8 | 
 9 | ## How to use
10 | 1. Create a shared link https://plausible.io/docs/shared-links
11 | 1. Set `floriankarsten.plausible.sharedLink` in config.php
12 |     ```php
13 |     // config/config.php
14 |     'floriankarsten.plausible' => [
15 |         // Required
16 |         'sharedLink' => 'https://plausible.io/share/yourwebsiteurl.com?auth=Jz0mCWTPu5opXi0sAgRrq',
17 |         // Optional: The value that will be set in data-domain attribute of <script> tag.
18 |         'domain' => 'test.com', // Defaults to $site->url()
19 |         // Optional: To use a self-hosted Plausible instance
20 |         // 'scriptHost' => 'https://plausible.example.com',
21 |         // Optional: To use Plausible script extensions
22 |         // 'scriptName' => 'plausible.outbound-links.exclusions'
23 |     ];
24 |     ```
25 | 1. Add the following snippet inside your site's `<head>` tag. Note that this will not generate any output for logged in users or when Kirby is in debug mode.
26 |     ```php
27 |     <?php snippet('plausible'); ?>
28 |     ```
29 | 
30 | This plugin wouldn't happen without [@garethworld](https://github.com/garethworld) who kindly hired me to make it and then wanted to have it released to Kirby community. Yaaaaay
31 | 


--------------------------------------------------------------------------------
/snippets/plausible.php:
--------------------------------------------------------------------------------
1 | <?php if(option('debug') !== true && !kirby()->user()): ?>
2 | <script defer data-domain="<?= option('floriankarsten.plausible.domain') ?? parse_url($kirby->url('index'))['host'] ?>" src="<?= option('floriankarsten.plausible.scriptHost') ?? 'https://plausible.io' ?>/js/<?= option('floriankarsten.plausible.scriptName') ?? 'plausible' ?>.js"></script>
3 | <?php endif; ?>
4 | 


--------------------------------------------------------------------------------