Before you start
- Your site key. It is in the Reviseberg dashboard, under Settings › Visitor toolbar, on the Install tab. In the steps below it is written
YOUR-SITE-KEY. - Switch the toolbar on for your site on the same screen. Until it is on, the tag loads and shows nothing.
The code
The theme is XML, which needs every attribute to have a value — so defer is written defer='defer'. Replace YOUR-SITE-KEY with your key.
<script src="https://reviseberg.com/widget/v1.js" data-site-key="YOUR-SITE-KEY" defer='defer'></script>
Steps
- In Blogger, go to Theme. Open the menu next to Customize and choose Edit HTML.
- Find the closing
</body>tag and paste the code above just before it. ReplaceYOUR-SITE-KEYwith your key. - Save the theme.
Good to know
Blogger refuses a theme that is not well-formed XML, which is why defer is written with a value here.
The change belongs to the theme. If you switch themes, add the code again.
Check that it works
- Open a page of your site in a private window — not in the platform’s editor or preview, where most plugins leave the tag out on purpose.
- View the page source, or search the developer tools’ Elements panel, for
widget/v1.js. There should be exactly one tag, with your key. - The toolbar’s button appears once the toolbar is switched on in the dashboard. On the same screen, “Last seen on your site” says when the tag last loaded on one of your pages.
- No button? The browser console has a line beginning “Reviseberg toolbar:” that says why — a key with the wrong shape, for example, or the tag on the page twice.
- The toolbar answers only on the addresses allowed under Settings › Visitor toolbar; your site’s own address always is. Add a staging address there before you test on it.
More
- If your site sends a Content Security Policy, it needs four lines for the toolbar — they are on the install page.
- All platforms and the snippet
- What the toolbar does, and what it does not