Mini banner: rozmieszczenie, częstotliwość i reguły kaskadowe

Mini banner to kompaktowa jednostka konwersyjna na pełną kolumnę, wstawiana między sekcje artykułu. Zamienia wartość wypracowaną przez poprzedzającą sekcję w jeden właściwy krok naprzód, bez przejmowania strony czy przerywania bieżącego zadania czytelnika.

Przykład nazywa rezultat, łączy go z wykonaną pracą i przewiduje cel. Jego pozycja jest częścią definicji; te same słowa przed wyjaśnieniem promptów i konkurentów byłyby przedwczesne.

Dlaczego ten element ma znaczenie

Długi artykuł tworzy kilka momentów intencji. Po użytecznym wyjaśnieniu lub porównaniu czytelnik może być gotowy, aby obejrzeć produkt, skorzystać z narzędzia, pobrać zasób lub subskrybować. Mini banner dostrzega tę zmianę bez zmuszania go do szukania w nawigacji.

Mechanizm psychologiczny to zasłużona przerwa. Baner wydaje uwagę, którą artykuł zgromadził. Po zakończonej myśli logiczne następne działanie wydaje się pomocne; przy arbitralnej liczbie akapitów sprawia wrażenie reklamy. Powtarzanie uczy czytelników traktować każdy charakterystyczny blok jako przeszkodę.

Rozmieszczenie i częstotliwość są zatem regułami treści. Pozycja przewijania wskazuje strefę poszukiwań, ale poprzedzająca sekcja dostarcza powód. Baner powinien odpowiadać na pytanie: „Co mogę zrobić z tym, czego właśnie się nauczyłem?”

Możliwość ekstrakcji maszynowej ma znaczenie, mimo że baner nie tworzy specjalnego schematu. Systemy wyszukiwania, agenci AI, narzędzia przeglądarkowe i technologie asystujące mogą wyodrębnić jego nagłówek, opis i linki bez otaczającego projektu wizualnego. Samodzielne stwierdzenie, takie jak „Otwórz kokpit widoczności, aby porównać śledzone prompty”, zachowuje działanie i jego cel. „Gotowy, aby rozpocząć?”, a następnie „Dowiedz się więcej” nie identyfikuje obiektu, rezultatu ani celu.

Typowane pola pozwalają systemom publikacyjnym egzekwować częstotliwość, rozstrzygać rozmieszczenie i wygaszać baner, gdy nie ma bezpiecznej pozycji. Stylizowany akapit nie może w tym uczestniczyć w sposób niezawodny. Zastosuj wspólne zasady pisania elementów : cel ma pierwszeństwo przed wyglądem, dostępnością, bezpieczeństwem i ciągłością proceduralną.

Kiedy go używać

Użyj mini bannera, gdy obszerny artykuł dostarczył wystarczającej wartości, aby wesprzeć powiązaną, opcjonalną konwersję. Odpowiednie momenty obejmują:

• po tym, jak framework pomógł czytelnikowi sklasyfikować problem, a raport produktowy może zastosować ten framework;
• po tym, jak porównanie osiągnęło kwalifikowany werdykt, a narzędzie może przetestować przypadek samego czytelnika;
• po tym, jak sekcja badawcza ustaliła lukę, a arkusz do pobrania pomaga zaplanować reakcję;
• po wyjaśnieniu metody studium przypadku, gdy usługa oferuje ten sam rodzaj wdrożenia;
• po oryginalnej analizie, gdy newsletter dostarcza przyszłych aktualizacji tego samego rodzaju.

Strona musi zawierać co najmniej 1200 wartościowych słów. Poniżej tego progu baner pojawia się zbyt blisko wstępu lub końcowej konwersji. Cel musi spełniać obietnicę natychmiast po kliknięciu. Przed kliknięciem ujawnij formularz sprzedażowy, bramkę e-mailową lub wymóg logowania.

Bliskie przypadki wymagają innego traktowania. Link wspierający to nawigacja; przycisk w zdaniu to działanie w tekście; panel sprzedażowy na końcu strony to końcowe CTA. Formularz newslettera dodaje wymogi zgody, walidacji i prywatności. Awaria, zmiana ceny lub informacja prawna nie są jednostką konwersyjną.

Nie używaj mini bannera do wypełniania przestrzeni, powtarzania akcji z nagłówka, promowania niepowiązanej kampanii ani rekompensowania słabej treści. Nie personalizuj go na podstawie wrażliwych cech. Jeśli otaczająca treść nie może dostarczyć powodu do działania, pomiń go.

Gdzie go umieścić

Rozmieszczenie opiera się na dwóch danych wejściowych: postęp artykułu określa rozsądną strefę, a granica semantyczna potwierdza, że czytelnik zakończył myśl. Postęp artykułu to proporcja wartościowej treści już przeczytanej, mierzona od pierwszego akapitu po wstępie do ostatniego akapitu przed końcowym CTA. Nawigacja, hero, spis treści, przypisy, tekst standardowy i sam baner nie są wliczane.

Dla pierwszego bannera zdefiniuj preferowaną strefę jako 35%–55% postępu artykułu i wymagaj co najmniej 600 słów przed nim. Umieść go po zakończonej sekcji H2 lub po zakończonej podsekcji tylko wtedy, gdy następny nagłówek wyraźnie rozpoczyna nowy temat. Dla drugiego bannera na stronach o długości co najmniej 2500 słów użyj strefy 70%–85%. Musi być oddalony o co najmniej 900 słów i 30 punktów procentowych od pierwszego.

Kaskada rozmieszczenia rozstrzyga dokładną pozycję w tej kolejności:

1. Wyraźna bezpieczna kotwica: użyj identyfikatora sekcji dostarczonego przez autora, jeśli mieści się w dozwolonej strefie i przechodzi wszystkie testy sąsiedztwa.
2. Bezpieczna granica do przodu: od 40% dla pierwszego bannera lub 72% dla drugiego, skanuj do przodu do pierwszego kwalifikującego się końca sekcji H2, zatrzymując się na maksimum strefy.
3. Bezpieczna granica do tyłu: jeśli żadna pozycja do przodu nie jest kwalifikowana, skanuj do tyłu do ostatniej kwalifikującej się granicy H2 w strefie.
4. Wygaszenie: jeśli żadne wyszukiwanie nie znajdzie kwalifikowanej pozycji, nie renderuj niczego i zapisz no-safe-anchor dla QA. Nigdy nie cofaj się do surowej liczby akapitów.

Ta kolejność zachowuje bezpieczną kotwicę redakcyjną, czyni automatyczne rozmieszczenie deterministycznym i traktuje pominięcie jako prawidłowe. Obliczaj postęp konsekwentnie z renderowanych bloków lub bloków źródłowych; nigdy nie przesuwaj wyraźnego bannera po cichu do innego tematu.

Mini banner nie może znajdować się:

• między wymaganymi krokami ani między instrukcją a jej oczekiwanym rezultatem;
• między twierdzeniem a jego cytatem, wykresem a jego wyjaśnieniem ani cytatem a jego atrybucją;
• bezpośrednio przed lub po ostrzeżeniu, wyłączeniu odpowiedzialności, błędzie, prośbie o zgodę lub namiocie bezpieczeństwa;
• wewnątrz listy, tabeli, rysunku, próbki kodu, akordeonu, panelu kart, cytatu blokowego, odpowiedzi FAQ lub formularza;
• obok CTA w tekście, oferty, karty produktu, formularza newslettera, paywalla, elementu sterującego zakupem lub innego bannera;
• bezpośrednio pod nagłówkiem, gdzie oddzieliłoby nagłówek od jego pierwszego akapitu objaśniającego;
• na tej samej granicy co sticky promocja lub wstrzyknięty slot reklamowy.

Wymagaj jednego znaczącego bloku między banerem a dowolnym niebezpieczeństwowym elementem, mediami lub interakcją. W układach responsywnych testuj sąsiedztwo względem ułożonej kolejności źródłowej.

Częstotliwość dotyczy całej strony. Używaj zero mini bannerów poniżej 1200 słów, nie więcej niż jeden od 1200 do 2499 słów i nie więcej niż dwa od 2500 słów w górę. Wszystkie jednostki promocyjne w treści — mini bannery, przyciski konwersji w tekście, formularze newslettera, boxy ofertowe i promocje produktów — wliczaj do limitu jednego poniżej 1500 słów, dwóch od 1500 do 2499 i trzech od 2500 słów w górę. Gdy limity są sprzeczne, obowiązuje niższa liczba. Limit to pozwolenie na użycie mniejszej liczby, nigdy cel do wypełnienia.

Anatomia

1. Kotwica rozmieszczenia: stabilny identyfikator sekcji i obliczona wartość postępu, które wyjaśniają, dlaczego baner zajmuje tę granicę.
2. Kontener: wizualnie ograniczony region na pełną kolumnę, pozostający częścią normalnego przepływu dokumentu.
3. Nagłówek: nazywa konkretny rezultat lub następny krok, nie opierając się na poprzednim nagłówku.
4. Opis: łączy zakończoną sekcję z działaniem i ujawnia znaczące zobowiązanie, takie jak logowanie, przechwycenie e-maila, płatność lub rozmowa sprzedażowa.
5. Główna akcja: jeden opisowy link lub element sterujący formularza, który realizuje złożoną obietnicę.
6. Druga akcja: opcjonalna, cichsza ścieżka dla czytelników niegotowych na główne zobowiązanie; nie jest to druga kampania.
7. Wolna przestrzeń: oddziela baner od tekstu i zapobiega wrażeniu, że pobliskie elementy sterujące do niego należą.
8. Identyfikator rozmieszczenia: stabilna etykieta analityczna opisująca kotwicę semantyczną, a nie zmienny numer akapitu.

Renderer odpowiada za prezentację. Autor odpowiada za obietnicę, kwalifikację, cel, preferowaną kotwicę i wariant.

Przykłady projektowe

Wszystkie warianty podlegają temu samemu kontraktowi rozmieszczenia i częstotliwości. Inny wygląd wizualny nie tworzy dodatkowego limitu promocyjnego.

CTA z pojedynczą akcją

Użyj jednej głównej akcji, gdy poprzedzająca treść wskazuje na jasny następny krok. Jest to wariant domyślny.

Główna i druga akcja

Używaj dwóch akcji tylko wtedy, gdy reprezentują tę samą ścieżkę na różnych poziomach zobowiązania, na przykład „Rozpocznij ocenę” i „Zobacz metodologię”. Upewnij się, że hierarchia jest jednoznaczna i utrzymuj oba cele istotne dla poprzedzającej sekcji.

Zasób lub plik do pobrania

Użyj tego wariantu dla bezpośrednio dostępnego szablonu, listy kontrolnej, zbioru danych lub przewodnika. Podaj format i ujawnij warunki dostępu przed akcją. Jeśli kliknięcie natychmiast rozpoczyna pobieranie, podaj typ pliku i przybliżony rozmiar, jeśli jest znany.

Przechwytywanie newslettera

Używaj wariantu newslettera tylko po zademonstrowaniu, co zawierają przyszłe wiadomości. Wymaga etykiety e-mail, zgody, celu polityki prywatności, walidacji oraz stanów sukcesu i błędu.

Responsywny układ

Na wąskich ekranach tekst pojawia się pierwszy, a akcje podążają w tej samej kolejności źródłowej. Przyciski mogą stać się pełnej szerokości, ale baner nie może stać się sticky, zakrywać treści ani przesuwać następnego nagłówka poniżej sztucznego przerywnika.

Parametry

Kanoniczny kontrakt oddziela znaczenie autorskie od obliczania rozmieszczenia. „Źródło” mówi, skąd adapter pobiera wartość; nie oznacza, że baner może wnioskować tekst marketingowy z niepowiązanych metadanych strony.

Pierwszy nagłówek w treści mapuje się na title; pierwszy akapit mapuje się na description. Zgoda na newsletter pozostaje później. secondaryText i secondaryUrl to para wszystko-albo-nic. Identyfikatory kampanii nie mogą zawierać danych osobowych.

Limity postępu to wartości domyślne kontrolowane przez tę specyfikację, a nie pokrętła dla autorów do przesuwania promocji w górę. Renderer może nałożyć ostrzejsze limity, ale nie może akceptować wartości poza określonymi strefami. Jeśli preferredAfter nie przejdzie kontroli bezpieczeństwa, adapter uruchamia kaskadę i rejestruje zarówno żądaną, jak i rozstrzygniętą kotwicę.

Składnia i przykłady kodu

Przenośna dyrektywa to kanoniczna treść autorska. Adaptery platform zachowują jej pola, wynik bezpiecznego rozmieszczenia, kolejność źródłową i dostępne nazwy.

Przenośna dyrektywa Markdown

:::mini-banner{variant=cta primaryText="Otwórz kokpit widoczności" primaryUrl="https://app.amicited.com/reports/cockpit" preferredAfter="benchmark-your-prompts" placementId="after-prompt-benchmark" campaignId="visibility-cockpit-contextual"}
## Zobacz, gdzie Twoja marka pojawia się w odpowiedziach AI

Otwórz swój kokpit widoczności po zidentyfikowaniu istotnych promptów i konkurentów.
:::

Pierwszy nagłówek i akapit dostarczają tekst wyświetlany. Adapter publikacyjny weryfikuje preferowaną kotwicę i wygasza komponent, gdy nie istnieje bezpieczna granica.

Shortcode Hugo

Obecny shortcode Hugo mini-banner-cta renderuje pola CTA. Metadane rozmieszczenia należą do zespołu strony lub adaptera rozmieszczenia, dopóki shortcode nie zacznie ich bezpośrednio akceptować:

{{< mini-banner-cta
  heading="Zobacz, gdzie Twoja marka pojawia się w odpowiedziach AI"
  description="Otwórz swój kokpit widoczności po zidentyfikowaniu istotnych promptów i konkurentów."
  primaryText="Otwórz kokpit widoczności"
  primaryUrl="https://app.amicited.com/reports/cockpit"
>}}

Używaj tylko nazwanych parametrów. Przykład źródłowy jest escapowany, aby dokumentował shortcode bez renderowania drugiego bannera. Warstwa rozmieszczenia produkcyjnego musi go powiązać z after-prompt-benchmark i zastosować kaskadę częstotliwości, zanim Hugo wyemituje komponent.

Blok WordPress

<!-- wp:amicited/mini-banner {"variant":"cta","primaryText":"Otwórz kokpit widoczności","primaryUrl":"https://app.amicited.com/reports/cockpit","preferredAfter":"benchmark-your-prompts","placementId":"after-prompt-benchmark","campaignId":"visibility-cockpit-contextual"} -->
<h2>Zobacz, gdzie Twoja marka pojawia się w odpowiedziach AI</h2>
<p>Otwórz swój kokpit widoczności po zidentyfikowaniu istotnych promptów i konkurentów.</p>
<!-- /wp:amicited/mini-banner -->

Przeniesienie bloku w niebezpieczne miejsce musi wywołać ostrzeżenie walidacyjne.

Przykłady

Prawidłowe

Ultimate guide wyjaśnia, jak grupować prompty marki według odbiorców i intencji, a następnie kończy sekcję przepracowanym benchmarkiem. Przy 43% postępu artykułu, po 1080 słowach, pokazuje ten baner:

Porównaj swoje śledzone prompty w jednym kokpicie
Zobacz, którzy konkurenci pojawiają się dla każdego promptu i gdzie brakuje Twojej marki.
Otwórz kokpit widoczności

To działa, ponieważ sekcja generuje konkretną potrzebę, cel wykonuje określone zadanie, etykieta pozostaje znacząca sama w sobie, a pozycja przechodzi strefę pierwszego bannera i reguły sąsiedztwa.

Nieprawidłowe

Po drugim akapicie wstępu 3000-słowny przewodnik pokazuje:

Gotowy, aby przekształcić swój biznes?
Odblokuj potęgę AI już dziś.
Dowiedz się więcej   Rozpocznij

Zawodzi jeszcze przed oceną jakości tekstu: czytelnik nie zakończył użytecznej sekcji, rozmieszczenie jest poza dozwoloną strefą, a dwie ogólne akcje nie tworzą zrozumiałej hierarchii. Nagłówek składa niepopartą obietnicę, opis nie ma konkretnego obiektu, a żaden link nie przewiduje celu. Przesunięcie tego samego bannera w dół nie naprawiłoby jego niejasnego kontraktu.

Znaczniki Schema i dostępność

Mini banner nie zasila dedykowanego typu Schema.org. Jego tekst pozostaje treścią w ramach otaczającego Article, TechArticle, WebPage lub innego uzasadnionego typu strony. Nie oznaczaj go jako Advertisement, Offer ani HowToStep tylko dlatego, że zawiera komercyjną akcję. Inne dane strukturalne są prawidłowe tylko wtedy, gdy widoczna strona i jej specyfikacja schematu wspierają każdy fakt.

Używaj oznaczonego regionu tylko wtedy, gdy ten landmark pomaga w nawigacji; w przeciwnym razie użyj aside lub grupowanego kontenera. Zachowaj tytuł w hierarchii nagłówków strony. Linki nawigują za pomocą <a>; <button> wysyła formularz lub wykonuje akcję na stronie. Dostępne nazwy muszą odpowiadać widocznemu przeznaczeniu.

Fokus klawiatury podąża za kolejnością źródłową. Wskaźniki fokusu muszą pozostać widoczne, cele potrzebują odpowiedniego rozmiaru i odstępów, a powiększenie nie może obcinać tekstu. Układy responsywne nie mogą zmieniać kolejności elementów sterujących. Kolor, ikony i wypełnienie przycisku nie mogą być jedynym sygnałem stanu lub priorytetu.

W przypadku newsletterów powiąż etykietę z polem wejściowym, zgłaszaj błędy programowo, zachowaj adres po możliwych do naprawienia błędach i ogłoś sukces bez przesuwania fokusu. Zgoda nie może być wstępnie zaznaczona. Nigdy nie animuj pojawiania się bannera ani nie kradnij fokusu przy progu rozmieszczenia.

Zasady pisania

Formułuj propozycję wartości jako kontynuację poprzedzającej sekcji, a nie uniwersalny slogan.

• Użyj nagłówka o długości 4–10 słów, najlepiej poniżej 70 znaków. Nazwij rezultat, obiekt lub zasób.
• Użyj jednego opisu o długości 12–28 słów i nie więcej niż 160 znaków. Połącz kontekst z działaniem i ujawnij istotne zobowiązanie.
• Użyj jednej głównej etykiety o długości 2–6 słów i nie więcej niż 40 znaków. Zacznij od precyzyjnego czasownika, takiego jak „Otwórz”, „Porównaj”, „Pobierz”, „Oblicz” lub „Subskrybuj”.
• Dopuść maksymalnie jedną drugą akcję. Musi dotyczyć tego samego tematu i wymagać mniejszego lub równego zobowiązania.
• Zachowaj całkowity wariant CTA poniżej 55 widocznych słów, z wyłączeniem niezbędnego tekstu zgody i polityki prywatności.
• Zwracaj się bezpośrednio do czytelnika, gdy to przydatne, ale unikaj sztucznego podniecenia, strachu, języka odliczania i twierdzeń, których cel nie może udowodnić.
• Powtórz kluczowy rzeczownik w nagłówku, opisie lub akcji, aby wyodrębnione fragmenty zachowały swój podmiot.
• Przed kliknięciem ujawnij logowanie, płatność, przechwycenie e-maila, format pliku lub kontakt sprzedażowy, gdy mogłoby to zmienić decyzję czytelnika.

Nigdy nie umieszczaj w mini bannerze akapitu z funkcjami produktu, referencji, tabeli cenowej, warunków kuponu, listy nawigacyjnej, formularza wieloetapowego, wyłączenia odpowiedzialności prawnego, oceny gwiazdkowej, odliczania, autoodtwarzających się multimediów ani więcej niż dwóch akcji. Nigdy nie używaj „Kliknij tutaj”, „Dowiedz się więcej”, „Idź”, „Wyślij”, „Rozpocznij” ani „Odblokuj potęgę” bez konkretnego obiektu i kontekstu celu.

Typy postów, które go używają

postTypes[] w frontmatterze jest źródłem tej macierzy. Umieszczenie oznacza, że element jest dozwolony, gdy testy rozmieszczenia i intencji przejdą pomyślnie; nigdy nie czyni bannera obowiązkowym.

Lista kontrolna QA

• Strona ma co najmniej 1200 wartościowych słów, zanim jakikolwiek mini banner zostanie rozważony.
• Poprzedzająca sekcja tworzy konkretny powód dla akcji bannera.
• Pierwszy baner znajduje się między 35% a 55% postępu i następuje po co najmniej 600 słowach.
• Drugi baner pojawia się tylko na stronie o długości 2500 słów lub więcej, między 70% a 85% postępu.
• Dwa bannery są oddzielone co najmniej 900 słowami i 30 punktami procentowymi.
• Wszystkie jednostki konwersji w treści zostały policzone i zastosowano niższy obowiązujący limit częstotliwości.
• Wyraźna kotwica lub wynik kaskady to kompletna granica H2, a nie wstawienie według liczby akapitów.
• Baner jest nieobecny, gdy kaskada nie znajduje bezpiecznej kotwicy.
• Żaden krok, ostrzeżenie, para dowód-źródło, tabela, rysunek, formularz ani komponent interaktywny nie jest przerwany.
• Żadna konkurująca konwersja, element sterujący zakupem, prośba o zgodę ani wstrzyknięta reklama nie znajduje się obok bannera.
• Nagłówek, opis, etykiety, zobowiązania i cele spełniają limity pisania i są ze sobą zgodne.
• Główna i opcjonalna druga akcja mają przejrzystą hierarchię i dotyczą tej samej ścieżki.
• Linki, przyciski, etykiety formularzy, kolejność fokusu, stany fokusu, błędy i responsywne ułożenie działają z klawiaturą i technologią asystującą.
• Baner pozostaje zrozumiały po wyodrębnieniu bez koloru, ikon, otaczającej prozy ani układu wizualnego.
• Nie dodano żadnego nieobsługiwanego typu lub właściwości schema.
• placementId, campaignId, żądana kotwica, rozstrzygnięta kotwica i powód wygaszenia są dostępne dla QA bez zawierania danych osobowych.
• Renderowanie mobilne utrzymuje baner w normalnym przepływie i nie zakrywa ani nie odsuwa treści artykułu.

FAQ

Poniższe często zadawane pytania definiują preferowaną strefę przewijania, limity częstotliwości, kaskadę bezpiecznego rozmieszczenia, regułę dwóch akcji, limity schema i zachowanie nie-sticky.