shrd.collections

1 · Tune the embed

Essentially Sports · @jon · 8 items

Teaser style

Card size (px)

WidthHeightType any size. Applied on blur / Enter. Range 80–2000.

Click behavior

Card text overlay

2 · Preview

Live on this page — click it

view=card · click=overlay · 640×360

3 · Install the snippet

<script async src="https://shrd.co/embed/loader.js?id=cmo8v9qk0000004l5jel6vqps&view=card&click=overlay&w=640&h=360&overlay=title%2Cdescription%2Cauthor%2CitemCount%2Cdate"></script>

One tag, no wrapper. Survives WordPress, Squarespace, Wix, Webflow — any CMS that allows a <script> tag.

The script inserts an <iframe> at its own location. Updates to the teaser design ship instantly to every embed without you touching this code.

Serving through Google Ad Manager?

Shrd creatives can be trafficked as standard display line items. The catch: GAM defaults to SafeFrame, which sandboxes creatives from the publisher’s page. An overlay opened from inside that sandbox renders in the ad slot, not over the page — not useful.

Fix: install the companion script once, site-wide

When a shrd creative is clicked inside a SafeFrame, it posts a message to window.top. The companion listens and opens the overlay on your page.

<script async src="https://shrd.co/embed/companion.js"></script>

Drop it in your <head> or layout template. One-time install — lights up overlay behavior for every shrd creative on your site, through every ad network.

Without the companion, creatives in SafeFrame fall back to open-in-new-tab automatically. Never looks broken, just loses the overlay polish.