Zpeněžujte své Blogy a Gadgety: Tipy pro Experty na SEO, Sociální Sítě a Affiliate Marketing

Jak vložit formulář auditu na váš web

Jak vložit formulář auditu na váš web

Nástroj Embeddable Audit Tool od Ahrefs je výkonný nástroj pro generování potenciálních zákazníků pro digitální agentury.

Agentury využívající náš plán White Label a Embedding mohou nástroj Site Audit Tool vložit na web své agentury. To jim umožňuje zachytit potenciální zákazníky a poskytovat zprávy o SEO potenciálním zákazníkům. Tato příručka vysvětluje, jak nastavit a nainstalovat nástroj Embeddable Audit Tool na web vaší agentury.

Jakmile si nástroj nainstalujete, mohou vaši návštěvníci vytvářet bezplatné zprávy o auditu webových stránek na svých vlastních webových stránkách (nebo skutečně na jakékoli webové stránce). Tyto přehledy mohou být označeny bíle značkou vaší agentury, barvami a písmy. Sekce přehledů si můžete přizpůsobit a dokonce povolit, aby se návštěvníkovi automaticky odeslal e-mail s připojeným přehledem.

Jak nástroj Embeddable Audit Tool funguje

Chcete-li nástroj vložit na svůj web, musíte do kódu HTML svých webových stránek přidat malý úryvek kódu. Ve výchozím nastavení je formulář minimální a jednoduchý, můžete však upravit pole formuláře a upravit jej tak, aby odpovídal vzhledu a dojmu vašeho webu. Ve skutečnosti byl formulář pro vložení speciálně navržen tak, aby byl jednoduchý a snadno upravitelný. Záměrně nekomprimujeme ani nezakrýváme kód pro vložení, jako to dělají jiné nástroje třetích stran, což vám brání v provádění změn. Místo toho vystavujeme všechny CSS v jednoduchém bloku na začátku kódu, takže objekty formuláře mohou být stylizovány, pokud máte nějaké základní znalosti CSS.

Když uživatel zadá své údaje (např.: URL webové stránky a e-mailovou adresu), můžete nakonfigurovat formulář tak, aby vám zasílal údaje o potenciálním zákazníkovi e-mailem. Můžete také povolit webhooku, aby vložil údaje o potenciálním zákazníkovi do vašeho CRM přes Zapier nebo provedl jakoukoli jinou podporovanou akci v Zapieru, jako je upozornění kanálu Slack, přidání údajů o potenciálním zákazníkovi do tabulky Google atd.

Můžete také přizpůsobit, co se stane, když uživatel zadá své údaje. Ve výchozím nastavení je bíle označená zpráva auditu PDF vytvořena za chodu a zobrazena uživateli. Mohou si to buď prohlédnout přímo ve svém prohlížeči, nebo si stáhnout PDF. Místo toho můžete odebrat možnost PDF a pouze zobrazit webovou verzi zprávy v prohlížeči, nebo ji můžete úplně odstranit, abyste mohli zájemci sami odpovědět e-mailem s jeho zprávou.

Konfigurace zprávy White Label Report

Pokud se rozhodnete zobrazit zprávu o auditu uživateli při odeslání formuláře (ve verzi PDF nebo webové zprávy), budete muset nakonfigurovat šablonu zprávy. Nejprve se ujistěte, že jste vyplnili všechny požadované údaje o agentuře na stránce Šablony přehledů. Je třeba vyplnit 6 polí: logo, název agentury, adresa, e-mail, telefon a webové stránky.

Pokud se rozhodnete zobrazit PDF nebo webovou zprávu, když uživatel odešle formulář, tyto podrobnosti o agentuře se zobrazí ve zprávě při odeslání formuláře.

Jakmile přidáte tyto podrobnosti, můžete také provést další přizpůsobení auditních kontrol a sekcí (zapnout nebo vypnout sekce). Můžete také přizpůsobit barvy a písma použitá v celé zprávě o auditu.

Číst:  Jak zkontrolovat můj zůstatek Airtel a číslo portu SIM?

Klepnutím na tlačítko „Náhled zprávy ve formátu PDF“ v pravém dolním rohu zobrazíte náhled toho, jak uživatel uvidí vaši zprávu:

Jakmile budete s rozložením a vzhledem přehledu spokojeni, stiskněte tlačítko „Uložit nastavení“ v levém dolním rohu stránky.

Správa více šablon zpráv s bílými štítky

Pokročilí uživatelé mohou chtít nastavit samostatnou šablonu zprávy pro Embeddable Audit, aby si mohli přesně přizpůsobit vzhled těchto zpráv. Zjistili jsme, že některé agentury dávají přednost zkrácení těchto zpráv oproti úplné zprávě o auditu používané pro konzultace nebo schůzky s klienty. Chcete-li to provést, můžete vytvořit samostatnou šablonu použitou pro nástroj pro vkládání tak, že navštívíte stránku Šablony přehledů a kliknutím na tlačítko „Vytvořit nový“ nahoře definujete novou šablonu přehledu. Nazvěte to nějak popisně jako „Zpráva o nástroji Embeddable Audit Tool“. Můžete také vybrat jazyk zprávy, typ hodnocení a zda chcete zobrazit nebo skrýt podrobná vysvětlení každé kontroly.

Poté můžete zapnout/vypnout různé části zprávy a jednotlivé kontroly, abyste přesně řídili, jak zpráva auditora vypadá.

Vyberte typ zprávy o vkládání

Dále přejděte na stránku Nastavení vkládání a přizpůsobte, jak se formulář chová, když jej uživatel odešle. Nastavení “Chování formuláře pro vložení” nabízí 4 možnosti:

  • Zobrazit přehled na nové kartě prohlížeče: tím se přehled otevře na nové kartě prohlížeče
  • Zobrazit přehled v modálním boxu: tím se otevře přehled v „modálním poli“ v horní části obsahu stránky (výchozí možnost)
  • Žádné hlášení, jen ukázat „Ozveme se“ vyskakovací zpráva: zpráva se uživateli nezobrazí, zobrazí se však přizpůsobitelná potvrzovací zpráva
  • Žádná zpráva, pouze přesměrování na jinou stránku: přehled se uživateli nezobrazí a bude přesměrován na vámi požadovanou adresu URL

Pokud vyberete některou z možností „Zobrazit zprávu“, můžete přizpůsobit, zda se zpráva zobrazí uživateli jako nativní soubor PDF nebo jako webová zpráva:

  • Zpráva ve formátu PDF: Generování PDF vytvoří na nové záložce značkovou zprávu PDF. Zobrazí se jim úvodní obrazovka načítání a po dokončení budou přesměrovány na zprávu. Mohou si to prohlédnout ve svém prohlížeči nebo se rozhodnout stáhnout soubor PDF do svého zařízení (výchozí možnost)
  • Webová zpráva: Uživatelé budou přesměrováni na webovou verzi přehledu, která se načítá v prohlížeči

Dalším krokem je přizpůsobení polí formuláře. Pole „Zadejte webovou stránku“ je povinné. Můžete však zapnout/vypnout ostatní pole formuláře. Důrazně doporučujeme zapnout e-mail a jméno, abyste mohli zachytit základní informace o potenciálním zákazníkovi. Můžete také nastavit vlastní pole a provést další přizpůsobení, jako je styl rozvržení a barvy:

Náhled vzhledu formuláře si můžete prohlédnout kliknutím na tlačítko “Náhled vložit formulář” vpravo dole. Jakmile budete spokojeni s tím, jak vypadá, klikněte na tlačítko „Uložit nastavení a vygenerovat kód pro vložení“ a vygenerujte HTML kód:

Bílé označení domény webové sestavy

Pokud jako způsob doručení přehledu zvolíte možnost „Webový přehled“, můžete doménu označit bílým štítkem na stránce Nastavení domény.

Ve výchozím nastavení je přehled poskytován na obecné doméně s názvem „websiteauditserver.com“. Buď můžete použít subdoménu ve formátu https://.websiteauditserver.com/ – toto je nejjednodušší možnost přizpůsobení domény.

Pokročilejší alternativou je kliknout na záložku “Doména” a doménu zcela bíle označit, např.: https:///. Toto je vhodnější možnost, protože adresa URL je zcela bíle označena a uživateli se jeví jako služba běžící výhradně na vašem webu. Přečtěte si našeho úplného průvodce, jak nastavit vlastní domény s bílým štítkem.

Číst:  Jak si vybrat nejlepší aplikaci pro obchodování s kryptoměnami

Instalace kódu

Instalace skutečného kódu formuláře pro vložení vyžaduje buď určité kódování webu, nebo znalost backendového CMS. Často je lepší dát kód vývojáři vašeho webu, aby jej nainstaloval za vás.

Pokud máte středně pokročilé znalosti HTML, můžete upravit samotnou strukturu formuláře. Můžete také přidat své vlastní funkce JavaScriptu (např.: vlastní ověření formuláře) nebo můžete v rámci formuláře volat další funkce / systémy onSubmit nebo onClick.

Jediné doporučení pro přizpůsobení, které máme, je neprovádět žádné změny v bloku kódu JavaScript, protože to může způsobit chyby. V souvislosti s tím doporučujeme, abyste prvky formuláře příliš nepřesouvali z jejich původního pořadí, protože některé odkazy JavaScriptu spoléhají na relativní umístění objektů ve formuláři. Kromě toho důrazně doporučujeme a doporučujeme přizpůsobit formulář tak, aby odpovídal vzhledu a dojmu vašeho webu. Mělo by vám to připadat jako přirozená součást vašeho webu a ne jako připíchnutý widget. Doporučujeme to, protože vidíme, že agentury dosahují vyšší úrovně generování potenciálních zákazníků, když vhodně přizpůsobí formulář tak, aby odpovídal stylu jejich webu. Pro inspiraci se podívejte na tyto skvělé zákaznické příklady implementací.

Po vygenerování kódu pro vložení na kartě Nastavení vkládání si všimnete, že existují 3 různé sekce. První sekcí je CSS, následuje HTML a nakonec JavaScript. Měli byste upravit první dvě sekce a nechat JavaScript tak, jak je. Jak je navrženo v komentáři na druhém řádku, můžete přesunout sekci CSS do svého souboru CSS, takže je vše spravováno centrálně na jednom místě.

Pro instalaci kódu na konkrétní CMS jsme sepsali 6 samostatných průvodců pro některé z nejpopulárnějších:

Oznámení o odeslání formuláře

Pokud chcete obdržet e-mail pokaždé, když uživatel odešle formulář, jednoduše povolte tuto možnost a definujte „cílovou e-mailovou adresu“. Pokud má váš web velký objem a formulář odesílá mnoho uživatelů, doporučujeme deaktivovat e-mailová upozornění a nastavit upozornění na kanál Slack nebo se spolehnout na integraci Webhooku do vašeho CRM (viz část níže).

Uživatelská e-mailová upozornění

Můžete také povolit odeslání e-mailu uživateli, jakmile odešle formulář. Můžete také volitelně připojit PDF verzi zprávy o auditu a přizpůsobit všechny aspekty samotného e-mailu, včetně předmětu, názvu a obsahu e-mailu, loga, písma a barev.

Některé agentury nezobrazují zprávu uživateli při odeslání formuláře a pouze jej připojí k tomuto e-mailovému oznámení, které slouží jako ověření, že uživatel zadal skutečnou e-mailovou adresu. To snižuje možnost zneužití formuláře auditu anonymními uživateli, kteří spouštějí více zpráv a nikdy nezanechávají skutečné podrobnosti.

Obsah e-mailových upozornění lze zcela přizpůsobit. Některé agentury obsahují v obsahu e-mailu odkazy na aplikaci pro rezervaci kalendáře, aby si s nimi uživatel mohl naplánovat schůzku, na které bude zprávu probírat.

Níže je uveden příklad e-mailového oznámení zaslaného uživateli, který odešle formulář auditu:

Jak vidíte, odesílatel e-mailu je „[email protected]“. Je to záměrně generická doména a je důležité si uvědomit, že jméno odesílatele nebo e-mailovou adresu nelze změnit. Nemůžeme se vydávat za vaši firemní e-mailovou adresu, protože by to představovalo bezpečnostní riziko a negativně ovlivnilo doručitelnost e-mailu. V nastavení e-mailu pro vložení formuláře můžete zadat adresu pro odpověď, takže pokud příjemce klikne na odpověď na tento e-mail, bude adresována vám.

Prevence spambotů a zneužívání

Pod možnostmi návrhu e-mailu je část „Omezení uživatele“. Tato nastavení vám umožňují zabránit odeslání formuláře na základě IP adresy, e-mailu nebo adresy URL auditu, pokud zjistíte zneužití nebo spam.

Číst:  Jak vybrat podložku pod myš

Všechna 3 pole mohou obsahovat více hodnot tak, že každou hodnotu oddělíte čárkou (,). Pokud chcete blokovat e-maily z celé domény (např.: Gmail), můžete použít zástupný znak hvězdička takto: *@gmail.com. Pokud chcete zablokovat adresu URL a všechny její stránky a subdomény, zadejte pouze doménu takto: website.com

Pokud je zadána zablokovaná IP adresa, e-mailová adresa nebo URL, zobrazí se uživateli při pokusu o odeslání formuláře následující chyba:

Odesílání nových potenciálních zákazníků do vašeho CRM přes Zapier

Pokud vaše agentura používá CRM, jako je HubSpot, Salesforce, Pipedrive atd., můžete pomocí možnosti Webhook propojit nástroj Embeddable Audit Tool se Zapierem. Můžete také postupovat podle těchto kroků a nastavit oznámení o nových potenciálních zákaznících, která se mají zasílat na kanál Slack nebo ve skutečnosti na jakoukoli jinou aplikaci podporovanou Zapierem:

Otevřete Zapier na nové kartě a vytvořte nový Zap pomocí aplikace „Webhooks by Zapier“ (všimněte si, že se jedná o prémiovou funkci, takže budete potřebovat jeden ze Zapier placené plány):

Dále vyberte možnost „Chytit háček“:

Poté klikněte na tlačítko „Kopírovat“ vedle adresy URL vlastního webhooku, kterou pro vás Zapier vygeneruje:

Klikněte na Pokračovat, poté se přepněte zpět na kartu Nastavení vkládání SEOptimeru a vložte tuto adresu URL do pole „Webhook Handler URL“. Poté klikněte na tlačítko “Test volání”. Tím odešlete testovací vodič do Zapieru. Po několika sekundách se vedle tlačítka zobrazí zpráva „200 OK“. Jakmile toto uvidíte, přepněte zpět na Zapier a klikněte na tlačítko „Test trigger“:

Nyní byste měli vidět testovací data v Zapieru s textem “našli jsme požadavek!” zpráva o úspěchu:

V tomto okamžiku je váš spouštěč SEOptimeru nyní úspěšně nastaven v Zapieru. V testovacích datech si všimnete, že pole „klíč“ odesílá Ahrefs. Tato hodnota bude odpovídat vašemu klíči API na stránce Nastavení vkládání. Důrazně doporučujeme nastavit v Zapieru podmínku pro kontrolu, zda se tyto 2 hodnoty shodují při každém spuštění Zap. Tím zajistíte, že spouštěč bude legitimně vyvolán SEOptimerem a ne škodlivou třetí stranou.

Nyní, když je vaše spouštění dokončeno, můžete v Zapieru vytvořit akci pro uložení dat potenciálního zákazníka do libovolného podporovaného CRM, jako je HubSpot nebo jakékoli jiné oznamovací aplikace, jako je Slack:

Vyzkoušejte nový formulář

Jakmile je formulář nainstalován, doporučujeme otestovat aktualizovanou stránku a odeslat formulář. Po odeslání byste měli být přesměrováni na svou zprávu, zobrazit potvrzovací zprávu nebo přesměrovat na jinou stránku (podle toho, jakou možnost jste vybrali v Nastavení vkládání). Kromě toho byste měli obdržet e-mail s oznámením o novém zájemci a na stránku Zájemci přidat záznam o novém zájemci.

Potenciální problémy a konflikty

Pokud z jakéhokoli důvodu widget na vašem webu nefunguje, doporučujeme provést na webu nějaké ladění, než vznesete dotaz pomocí SEOptimeru. Nejčastější příčinou problémů nebo konfliktů jsou:

  • Jiné zásuvné moduly nebo doplňky: některé pluginy připojují sledovací parametry k libovolným adresám URL na webu nebo jinak zasahují do existující logiky formuláře
  • Kompatibilita Javascript: Část našeho kódu obsahuje část kódu Javascript pro ověření formuláře. Jiný kód JavaScript na stránce to může narušit