Wiki LinkPage

Jak ustawić profil, jak modyfikować go własnym kodem i co jest dozwolone.

Start

Każde konto ma jeden profil pod adresem /twoja-nazwa, niezależnie od planu. Nazwa: 3-30 znaków, małe litery, cyfry i myślnik. Po rejestracji potwierdź e-mail, a potem dodaj linki i wybierz szablon. Zmiany widzisz od razu w podglądzie, a publikujesz jednym przyciskiem.

Szablony i efekty

FREE ma 4 szablony z animacjami, PRO dodatkowo 6 premium. Każdy ma własne tło (canvas lub CSS), animację wejścia i efekty po najechaniu. Zakładka Wygląd działa z każdym szablonem i jest dostępna w planie FREE (kolory, motywy, czcionki, gradient, cień, wzory, układ). Dopóki czegoś nie zmienisz, obowiązuje wygląd szablonu. Unikalne zachowania:

• Neon, Holo, Kosmos, Gwiezdna noc: świetlny ślad za kursorem.
• Pop Studio, Bento, Zachód słońca: konfetti po kliknięciu linku.
• Aurora, Holo, Kosmos: pochylanie karty 3D za kursorem.
• Bento: reflektor podążający za kursorem na kafelkach.
• Matrix: pisanie nazwy w oknie terminala i deszcz znaków.
• Wszystkie: blok odliczania do premiery (data ustawiana w edytorze).

Efekty szanują ustawienie systemu „ogranicz ruch”: gdy odwiedzający je włączy, animacje są wyłączane.

Linki i statystyki

Pełny opis analityki jest w sekcji Analityka.

Nie ma limitu liczby linków w żadnym planie. Statystyki kliknięć działają tak:

Statystyki są zbiorcze: nie zapisujemy pełnych adresów IP ani nie profilujemy odwiedzających. Linki dodane ręcznie w kodzie HTML nie są liczone, liczone są tylko linki z edytora.

Muzyka

Przeglądarki nie pozwalają odtwarzać dźwięku bez interakcji, dlatego profil z muzyką pokazuje ekran wejścia: jedno kliknięcie i muzyka startuje natychmiast. FREE: wybór z 10 darmowych utworów (licencja CC BY 4.0, atrybucja pod profilem jest obowiązkowa). PRO: do 5 własnych odtwarzaczy z YouTube, Spotify i SoundCloud (tylko https). Spotify nie wspiera autoodtwarzania, więc wymaga kliknięcia „play”.

Stopka platformy

Napis „Utworzono w LinkPage” jest rysowany poza Twoim kodem. W FREE jest zawsze widoczny. W PRO wyłączysz go w ustawieniach (Wygląd → Stopka platformy). Próby ukrycia go przez CSS lub JS nie zadziałają, a ich stosowanie narusza regulamin.

Własny CSS (PRO)

Wklej reguły w zakładce Własny CSS. Twój kod jest dołączany po stylach szablonu, więc możesz nadpisać wszystko w obrębie profilu. Stabilne klasy:

/* karta profilu: szkło i mocniejszy cień */
.pf .cd{border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.35)}

/* linki: obramowanie i ruch po najechaniu */
.pf .pl{border:1px solid rgba(255,255,255,.35);transition:transform .2s}
.pf .pl:hover{transform:translateY(-3px) scale(1.02)}

Własny HTML (PRO)

W zakładce Kod HTML/JS dodasz własny blok, który pojawi się pod listą linków. Dozwolone są znaczniki treści: div, section, p, h1-h6, span, a, img, ul, ol, li, details, summary, button, canvas, svg i podobne. Linki mają dozwolone tylko schematy https:, mailto: i tel:, a do a dodajemy rel="noopener nofollow ugc".

<section class="promo">
  <h2>Kupon -20% do końca miesiąca</h2>
  <p>Zapisz się na newsletter i odbierz kod.</p>
  <a href="https://example.com/newsletter">Zapisz mnie</a>
</section>

Własny JavaScript (PRO)

Kod działa w izolowanej ramce (sandbox="allow-scripts allow-popups"). Masz dostęp do DOM własnej strony, canvas, requestAnimationFrame, timerów, IntersectionObserver, Date i Math.

// Pływające serduszka po kliknięciu w avatar
var av = document.querySelector('.av');
av.addEventListener('click', function (e) {
  for (var i = 0; i < 8; i++) {
    var h = document.createElement('span');
    h.textContent = '❤';
    h.style.cssText = 'position:fixed;left:' + e.clientX + 'px;top:' + e.clientY + 'px;pointer-events:none;transition:all 1s ease-out';
    document.body.appendChild(h);
    requestAnimationFrame(function (n) { return function () {
      n.style.transform = 'translate(' + (Math.random()*120-60) + 'px,-' + (60+Math.random()*80) + 'px)';
      n.style.opacity = 0;
    };}(h));
    setTimeout(function (n) { return function () { n.remove(); }; }(h), 1100);
  }
});

Błąd w Twoim kodzie psuje tylko Twoją ramkę. Stopka platformy i reszta serwisu działają dalej.

Bezpieczeństwo kodu

• Kod uruchamia się w ramce bez dostępu do sesji, panelu i danych innych użytkowników.
• Polityka CSP blokuje połączenia sieciowe, zewnętrzne skrypty i formularze.
• Kod jest sprawdzany przy zapisie (CSS parserem, HTML listą dozwolonych elementów), a CSP jest drugą linią obrony.
• Administrator może zawiesić profil naruszający regulamin, np. phishing lub złośliwy kod.
• Do produkcji zalecamy serwowanie kodu użytkowników z osobnej domeny treści.

Wiadomości od odwiedzających

Na profilu jest przycisk „Napisz”, który otwiera okno rozmowy. Odwiedzający wpisuje wiadomość (do 500 znaków) i opcjonalnie e-mail, aby dostać odpowiedź. Wiadomości trafiają do skrzynki w panelu (zakładka Wiadomości), gdzie możesz je oznaczać, usuwać i blokować nadawców. To skrzynka, nie czat na żywo. Przycisk wyłączysz w ustawieniach. Ochrona: limit wiadomości, ukryte pole przeciw botom i filtrowanie treści. Wiadomości to dane osobowe, więc obowiązują je zasady Polityki prywatności. Powiadomienia e-mail o nowych wiadomościach są planowane.

QR i własna domena

QR: w zakładce Domena w panelu (FREE i PRO), PNG (w tym samym kształcie w obu planach). Domena (PRO): dodaj domenę, ustaw rekordy CNAME i TXT u dostawcy, kliknij „Sprawdź DNS”. Po weryfikacji profil jest dostępny pod Twoim adresem z certyfikatem HTTPS, a adres kanoniczny (SEO) wskazuje na Twoją domenę. Weryfikacja sprawdza rekordy DNS automatycznie, a certyfikat HTTPS jest wystawiany po pozytywnej weryfikacji (zwykle w ciągu kilkunastu minut).

Analityka

Zakładka Statystyki w panelu ma m.in. widoki: Przegląd, Wnioski, Na żywo, Źródła, Linki, Odbiorcy, Zaangażowanie, Konwersje, Porównania, Cele i lejek, Testy A/B, Kampanie i UTM, Eksport oraz Raporty. FREE: Wnioski (3 najważniejsze), Konwersje i podstawowe widoki. PRO: wszystkie wnioski, Zaangażowanie (czas na stronie, nowi i powracający), podział konwersji wg źródeł oraz eksport wybranych danych w CSV lub JSON. Liczby pochodzą z prawdziwych odsłon i kliknięć Twojego profilu.

Skąd wchodzą ludzie

• Źródło to domena strony odsyłającej (referrer), np. instagram.com, tiktok.com, google.com. Zapisujemy samą domenę, bez pełnego adresu.
• Bezpośrednio oznacza wejście bez referrera: wpisany adres, komunikator lub aplikacja, która go nie przekazuje.
• Kod QR: wygenerowany w LinkPage kod dodaje ?src=qr, więc skany widzisz osobno.
• Kampanie: dodaj do linku utm_source, utm_medium i utm_campaign. Generator w panelu składa gotowy adres, a dozwolone znaki to a-z, 0-9, myślnik i podkreślnik.

Prywatność

• Bez ciasteczek analitycznych i bez zapisywania adresów IP.
• Unikalni odbiorcy to dzienny, nieodwracalny skrót, który zmienia się codziennie, więc nie da się śledzić człowieka między dniami.
• Kraj jest ustalany z IP w locie, a sam IP nie jest zapisywany.
• Linki wpisane ręcznie w kodzie HTML nie są liczone, tylko linki z edytora.

Statystyki mogą się różnić od innych narzędzi, bo blokery reklam i tryby prywatne zaniżają wyniki.

SEO profilu

Zakładka SEO pokazuje wynik z 9 kontroli, podgląd wyniku w Google, podgląd karty w social mediach i gotowy kod <head>.

• Tytuł (do ok. 60 znaków) i opis (do ok. 160). Domyślnie powstają z nazwy i bio.
• Obraz Open Graph i karta X/Twitter, z podglądem na żywo.
• Język strony i tekst alternatywny obrazów.
• Pole „nie indeksuj” (noindex) dla profili prywatnych.
• Dane strukturalne JSON-LD ProfilePage z Person lub Organization oraz sameAs z Twoich profili społecznościowych.
• Adres kanoniczny i sitemap.xml tylko z profilami, które pozwalają na indeksowanie.
• Słowo kluczowe: analiza obecności frazy w tytule, opisie i treści oraz propozycje tytułu i opisu (FREE i PRO).
• FAQ w danych strukturalnych: 3 pytania w FREE, 10 w PRO. Google nie gwarantuje wyświetlania rozszerzonych wyników FAQ.
• PRO: dyrektywy robotów (noindex, nofollow, nosnippet, limity podglądu), atrybuty rel linków (sponsored, ugc), dane firmy lokalnej (adres, telefon, godziny) i własny obraz udostępnienia.
• PRO: kody weryfikacyjne Google Search Console i Bing Webmaster Tools oraz własna domena jako adres kanoniczny.
• Linki wychodzące mają rel="noopener nofollow ugc".

Plany i płatności

PRO kupujesz na 30, 90, 180 lub 365 dni, bez automatycznego odnawiania. Im dłuższy okres, tym wyższy rabat (do ok. 26%). Dostęp włącza się po potwierdzeniu płatności przez serwer, a nie po samym powrocie na stronę. Po wygaśnięciu dane zostają, a profil wraca do ustawień FREE.

Dane i RODO

• Bez zgody używamy tylko niezbędnych cookies. Preferencje, analityka rozszerzona i pomiar kampanii działają wyłącznie po zgodzie z banera, którą możesz zmienić w stopce. Nie ma reklam.
• Trzy poziomy danych: 0 (niezbędne), 1 (zbiorcze, bez ciasteczek, z prawem sprzeciwu) i 2 (tylko za zgodą).
• Eksport danych konta (JSON) i usunięcie konta z 14-dniową karencją w panelu (Konto i prywatność).
• Okresy przechowywania danych opisuje Polityka prywatności.
• Automatyzacje po stronie serwera: wygasanie PRO i przypomnienia e-mail, czyszczenie wygasłych tokenów i limitów, usuwanie niepotwierdzonych kont po 14 dniach (zadania uruchamiane automatycznie co 10 minut).

Treść Wiki opisuje założenia produktu. Pełne dokumenty (regulamin, polityka prywatności, cookies, powierzenie przetwarzania) są w stopce i są wzorami wymagającymi weryfikacji prawnej.