Page Header Code Injection, strona po stronie.
Wstrzykiwanie kodu w Squarespace nie zna zmiennej z adresem strony, więc każda strona dostaje własny tag: panel Pages → ikona koła zębatego przy stronie → Advanced → Page Header Code Injection, z adresem tej strony zakodowanym po ?url=. Wstrzykiwanie kodu jest w planach Core, Plus i Advanced (oraz w części starszych) i nie działa na stronach kasy. Squarespace wypisuje własne tagi społecznościowe nad twoim kodem — twitter:card ustawione na summary, a do tego og:image i twitter:image, gdy strona ma Social Image albo witryna logo do udostępniania — więc zostaw Social Image strony pusty i powtórz twitter:card oraz twitter:image w snippecie, inaczej X zostanie przy małym kwadracie. W wersji 7.1 Squarespace ostrzega, że HTML w tym polu znika po wyłączeniu przezroczystości nagłówka: po zmianie nagłówka zajrzyj jeszcze raz do źródła strony.
Page settings → Advanced → Page Header Code Injection
<!-- Pages panel → gear icon next to the page → Advanced →
Page Header Code Injection. There is no variable for the page
address here: one snippet per page, with that page's own address
URL-encoded after ?url= -->
<meta property="og:image" content="https://shareglint.com/u/acc_YOUR_ACCOUNT_ID.png?url=https%3A%2F%2Fwww.your-site.com%2Fservices">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Squarespace writes its own twitter:card ("summary", a small square)
above this code, plus og:image and twitter:image when the page has
a Social Image or the site a social sharing logo. X reads
twitter:image before og:image, so say it here too. -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://shareglint.com/u/acc_YOUR_ACCOUNT_ID.png?url=https%3A%2F%2Fwww.your-site.com%2Fservices">Post Blog Item Code Injection wygląda na miejsce dla wpisów na blogu, ale dokleja ten sam kod do każdego wpisu i ląduje w treści strony, pod wpisem (w niektórych szablonach 7.0 nad nim) — nie w <head>, gdzie powinny stać tagi Open Graph. Dla wpisów i produktów otwórz raz w przeglądarce adres auto-OG danej pozycji, zapisz PNG i wgraj go jako Social Image tej pozycji: przy pozycjach kolekcji Squarespace bierze ten obrazek przed obrazkiem wyróżniającym.
Nic na Twojej stronie nie woła API: adres obrazka pobiera robot, który czyta tag, a pierwsze żądanie odczytuje tytuł, opis i obrazek strony i renderuje kartę. Kolejne żądania dostają ten sam plik. Obrazek dostają tylko strony z domen dopuszczonych w panelu — każdy inny adres dostaje 403 — więc w adresie nie ma klucza. Stronę czytamy ponownie najwyżej co 60 min, więc nowy tytuł pojawi się w tym czasie.
100 obrazków miesięcznie za darmo, potem $9 za 2 000. Nowa karta zużywa jeden obrazek z limitu; kartę zapisujemy według tego, co na niej jest, więc niezmieniona strona nigdy nie kosztuje drugi raz, także udostępniona z ?utm_source=.