Monitor and pre-render Flayyer URLs - Browser script
npm install @flayyer/ping-scriptMonitor and pre-render Flayyer URLs - Browser script
This script will only work on pages where a tag is present and related to og:image or twitter:image and has for content a Flayyer URL. In other cases this will result in a no-op.
> This script is hosted in npm and served through unpkg.com
Add this script inside and at the end of the tag:
``html`
So a fully-featured but also minimalist site using Flayyer should look like this:
`html`
Example
...
By using this script we are able to pre-render the image at https://flayyer.host/v2/tenant/deck/template.jpeg?title=Example and also keep track of outside visitors that may be interested in your link thanks to the preview we generated.
While https://unpkg.com/@flayyer/ping-script/dist/ping.min.js is going to grab the latest version of this script, you can opt to use a specific version using the syntax described in https://unpkg.com/
We care about performance and we don´t want to impact the loading speed of your website. This script has the following filesize and we are continuously working to add more features while reducing the size as much as possible.
`txt``
┌───────────────────────────────┐
│ │
│ Destination: dist/ping.js │
│ Bundle Size: 9.33 KB │
│ Minified Size: 3.24 KB │
│ Gzipped Size: 1.67 KB │
│ │
└───────────────────────────────┘
┌───────────────────────────────────┐
│ │
│ Destination: dist/ping.min.js │
│ Bundle Size: 3.16 KB │
│ Minified Size: 3.16 KB │
│ Gzipped Size: 1.68 KB │
│ │
└───────────────────────────────────┘