Installation
Install method 2: Edge Ribbon
A sticky, brand-colored tab pinned to one edge of the viewport. Renders into the body — the snippet just needs to exist on the page.
For owners3 min readUpdated 2026-05-31
Edge Ribbon mode pins a vertical or horizontal tab to the edge of the viewport. It’s always visible, regardless of scroll — a good fit for sites where the pricing table isn’t the focal point.
HTML — anywhere on the page
<!-- ShareCount widget -->
<div data-sharecount="YOUR_PUBLIC_KEY"></div>
<script async src="https://www.sharecount.app/embed.js"></script>The snippet stays the same. Switch the mode in the dashboard (Appearance → Display mode → Edge Ribbon), then pick the side: Top, Right, Bottom, or Left.
Position behaviour
- Top / Bottom — full-width tab centred on the viewport.
- Left / Right — vertical tab, centred on the viewport, with the text rotated to read along the edge.
Custom domain or app shells
- The ribbon attaches to
document.bodyin a Shadow DOM. Tall, fixed-position app shells (chat widgets, banners) can cover it — adjust z-index in their CSS or pick a different edge. - On mobile, Right or Left ribbons can clash with bottom navigation; we recommend Top for narrow viewports.
iOS Safari bottom bar
iOS Safari hides its bottom toolbar on scroll, then reveals it. Pick Top instead of Bottom if you want the tab to stay put.