matchup

Szablon obrazka OG: Zapowiedź meczu

Plakat dnia meczowego: dwie drużyny naprzeciw siebie nad wielkim pasiastym VS i godzina rozpoczęcia na klapkach jak na tablicy odlotów.

Użyj tego szablonu — zacznij za darmo Dokumentacja
Szablon obrazka Open Graph „Zapowiedź meczu” wyrenderowany przez Shareglint
Szablon Zapowiedź meczu w rozmiarze square (1080×1080)
Szablon Zapowiedź meczu w rozmiarze portrait (1080×1350)
Szablon Zapowiedź meczu w rozmiarze story (1080×1920)
Szablon Zapowiedź meczu w rozmiarze pinterest (1000×1500)
Szablon Zapowiedź meczu w rozmiarze youtube (1280×720)

To prawdziwe rendery z API z przykładowymi wartościami z tabeli niżej. Przełącz rozmiar wyżej: ten sam szablon układa się w każdym z 6 rozmiarów — wyślij size albo sizes w zapytaniu.

Dla klubów, lig, e-sportu i serwisów bukmacherskich, które zapowiadają najbliższy mecz. Godzina w rodzaju 20:45 rozkłada się na osobne klapki, każdy inny tekst trafia na jedną szeroką klapkę. Drużyna bez logo dostaje skośną plakietkę z monogramem, a długie nazwy się zmniejszają. W szerokich kadrach drużyny stoją po lewej i prawej stronie VS; w kwadracie i pionie układają się z góry na dół: gospodarze, pas z VS, goście.

Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

Pole Typ Opis Przykład
home_team tekst Nazwa gospodarzy. Northbridge FC
away_team tekst Nazwa gości. Riverside United
kickoff tekst Godzina rozpoczęcia, np. 20:45. Godzina zamienia się w klapki, inny tekst (np. Do ustalenia) zostaje bez zmian. 20:45
date tekst Dzień meczu na plakietce w kolorze akcentu nad klapkami, np. sob., 1 lis. Sat, Nov 1
venue tekst Stadion lub hala, na dole karty. Harbour Park, Northbridge
competition tekst Rozgrywki i kolejka, u góry karty. Premier Cup · Matchday 10
broadcast tekst Gdzie oglądać, w ciemnej plakietce u góry, np. Na żywo w Northwind TV. Live on Northwind TV
odds tekst Opcjonalne kursy w ramce o stałej szerokości znaków, np. 2.10 · 3.40 · 3.25. 2.10 · 3.40 · 3.25
home_logo adres obrazka Herb gospodarzy; najlepiej PNG z przezroczystością albo SVG. https://example.com/images/b05-crest-north.png
away_logo adres obrazka Herb gości. https://example.com/images/b05-crest-river.png
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #f97316 #f97316
theme dark | light Schemat kolorów: dark albo light. domyślnie: light —

Wyrenderuj go jednym żądaniem

Slug podajesz jako template. W odpowiedzi dostajesz adres gotowego PNG; ?wait=true trzyma połączenie, aż obrazek będzie gotowy.

curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "matchup",
    "modifications": {
        "home_team": "Northbridge FC",
        "away_team": "Riverside United",
        "kickoff": "20:45",
        "date": "Sat, Nov 1",
        "venue": "Harbour Park, Northbridge",
        "competition": "Premier Cup · Matchday 10",
        "broadcast": "Live on Northwind TV",
        "odds": "2.10 · 3.40 · 3.25",
        "home_logo": "https://example.com/images/b05-crest-north.png",
        "away_logo": "https://example.com/images/b05-crest-river.png"
    }
}'

Albo wklej podpisany adres w og:image

Dla stron statycznych, Webflow, Shopify i narzędzi no-code: pola idą w query stringu, a całość podpisujesz swoim sekretem. Pierwsze żądanie renderuje obrazek, każde kolejne to przekierowanie na gotowy plik. Jak policzyć podpis.

<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/matchup.png?away_team=Riverside%20United&broadcast=Live%20on%20Northwind%20TV&competition=Premier%20Cup%20%C2%B7%20Matchday%2010&date=Sat%2C%20Nov%201&home_team=Northbridge%20FC&kickoff=20%3A45&odds=2.10%20%C2%B7%203.40%20%C2%B7%203.25&venue=Harbour%20Park%2C%20Northbridge&s=YOUR_SIGNATURE">

Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

curl -X POST "https://shareglint.com/v1/templates/library/matchup/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"
Użyj tego szablonu — zacznij za darmo

Więcej szablonów: Wiadomości, sport i finanse

Szablon obrazka Open Graph „Pilna wiadomość” wyrenderowany przez Shareglint Pilna wiadomość Szablon obrazka Open Graph „Wynik meczu” wyrenderowany przez Shareglint Wynik meczu Szablon obrazka Open Graph „Notowanie kursu” wyrenderowany przez Shareglint Notowanie kursu Szablon obrazka Open Graph „Prognoza pogody” wyrenderowany przez Shareglint Prognoza pogody Szablon obrazka Open Graph „Tablica stawek” wyrenderowany przez Shareglint Tablica stawek Szablon obrazka Open Graph „wpis na blogu” wyrenderowany przez Shareglint Wpis na blogu Szablon obrazka Open Graph „Karta strony internetowej” wyrenderowany przez Shareglint Karta strony internetowej Szablon obrazka Open Graph „oferta pracy” wyrenderowany przez Shareglint Oferta pracy Szablon obrazka Open Graph „wydarzenie” wyrenderowany przez Shareglint Wydarzenie

Wszystkie szablony w kategorii Wiadomości, sport i finanse (6) →  ·  Wszystkie szablony →