# Obrazki OG w Squarespace Page Header Code Injection, strona po stronie. ## Gdzie to wpiąć 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` ```html ``` ## Pułapka 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 , 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. ## Jak działa adres obrazka 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. ## Ile to kosztuje 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=.