Skip to content

Commit d346c5f

Browse files
committed
update readme
1 parent 672be59 commit d346c5f

File tree

3 files changed

+16
-27
lines changed

3 files changed

+16
-27
lines changed

README.md

Lines changed: 16 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,28 @@
22

33
### Inspect commands sent to the browser tracker and outgoing network events
44

5-
![alt text](/docs/preview.png)
5+
| Browser | Install from |
6+
| :--------------------------------- | :---------------------------------------------------------------------------------------------------------------------- |
7+
| <img src="/docs/chrome-logo.png"> | [Chrome Web Store](https://chromewebstore.google.com/detail/piwik-pro-tracking-helper/fkbdlogfdjmpfepbbbjcgcfbgbcfcnne) |
8+
| <img src="/docs/firefox-logo.png"> | [Firefox Addons](https://addons.mozilla.org/en-US/firefox/addon/piwik-pro-tracking-helper/) |
9+
10+
<br/>
11+
12+
![](/docs/preview.png)
613

714
- supports both `_paq` and `_ppas` queues
815
- easy to recognize event types
916
- preview event payload
1017

11-
# Browser support
18+
# How to use
1219

13-
| Browser name | Browser version | Status |
14-
| :------------------------------------------------------------------------------------------------------------ | :-------------- | :----- |
15-
| [Chrome](https://chromewebstore.google.com/detail/piwik-pro-tracking-helper/fkbdlogfdjmpfepbbbjcgcfbgbcfcnne) | latest ||
16-
| [Firefox](https://addons.mozilla.org/en-US/firefox/addon/piwik-pro-tracking-helper/) | latest ||
20+
- install extension
21+
- open page that has Piwik PRO installed
22+
- open devtools (reopen if opened before) and click on "Piwik PRO Tracking Helper" tab
23+
- refresh the page
24+
- see results in devtools panel
25+
26+
---
1727

1828
# Build the browser extension
1929

@@ -40,27 +50,6 @@ pnpm dev
4050
# or pnpm dev:firefox
4151
```
4252

43-
# How to install
44-
45-
Extension is available through [Firefox add-ons](https://addons.mozilla.org/en-US/firefox/addon/piwik-pro-tracking-helper/) or [Chrome web store](https://chromewebstore.google.com/detail/piwik-pro-tracking-helper/fkbdlogfdjmpfepbbbjcgcfbgbcfcnne)
46-
47-
---
48-
49-
OR
50-
51-
Go to [releases](https://github.com/auto200/piwik-pro-tracking-helper/releases) and download latest extension version for firefox or chrome
52-
53-
- chrome - extract zip and [follow instructions](https://webkul.com/blog/how-to-install-the-unpacked-extension-in-chrome/)
54-
- firefox - [follow instructions](https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox/)
55-
56-
# How to use
57-
58-
- install extension
59-
- open page that has Piwik PRO installed
60-
- open devtools (reopen if opened before) and click on "Piwik PRO Tracking Helper" tab
61-
- refresh the page
62-
- see results in devtools panel
63-
6453
---
6554

6655
### TODO

docs/chrome-logo.png

3.68 KB
Loading

docs/firefox-logo.png

4.98 KB
Loading

0 commit comments

Comments
 (0)