Du kan det här. Någon ber om “en snabb överblick” av vad som finns på en webbplats, och plötsligt sitter du och jonglerar flikar, kopierar text till ett kalkylark och försöker minnas vilken sida du redan har fångat.
Den här Airtop Sheets-automatiseringen slår hårdast mot marknadschefer när rapporteringen ska in, men byråägare och drift-/ops-personer som gör research känner av den också. Utfallet är enkelt: webbdata och skärmdumpar som bevis hamnar automatiskt i Google Sheets, så att du slipper sitta barnvakt åt webbläsaren.
Nedan ser du hur workflowet körs, vad du behöver och de praktiska sätt team använder det för att hålla research och rapportering prydlig.
Så fungerar den här automatiseringen
Här är hela workflowet du kommer att sätta upp:
n8n Workflow Template: Airtop + Google Sheets: webbdata insamlad åt dig
flowchart LR
subgraph sg0["MCP Server Flow"]
direction LR
n0@{ icon: "mdi:play-circle", form: "rounded", label: "MCP Server Trigger", pos: "b", h: 48 }
n1@{ icon: "mdi:cog", form: "rounded", label: "Create a session in Airtop", pos: "b", h: 48 }
n2@{ icon: "mdi:cog", form: "rounded", label: "Terminate a session in Airtop", pos: "b", h: 48 }
n3@{ icon: "mdi:cog", form: "rounded", label: "Wait for a download in Airtop", pos: "b", h: 48 }
n4@{ icon: "mdi:cog", form: "rounded", label: "Click an element in Airtop", pos: "b", h: 48 }
n5@{ icon: "mdi:cog", form: "rounded", label: "Scroll on page in Airtop", pos: "b", h: 48 }
n6@{ icon: "mdi:cog", form: "rounded", label: "Fill form in Airtop", pos: "b", h: 48 }
n7@{ icon: "mdi:cog", form: "rounded", label: "Query page in Airtop", pos: "b", h: 48 }
n8@{ icon: "mdi:cog", form: "rounded", label: "Query page with pagination i..", pos: "b", h: 48 }
n9@{ icon: "mdi:cog", form: "rounded", label: "Take screenshot in Airtop", pos: "b", h: 48 }
n10@{ icon: "mdi:cog", form: "rounded", label: "Load a page in Airtop", pos: "b", h: 48 }
n11@{ icon: "mdi:cog", form: "rounded", label: "Create a window in Airtop", pos: "b", h: 48 }
n12@{ icon: "mdi:cog", form: "rounded", label: "Close a window in Airtop", pos: "b", h: 48 }
n6 -.-> n0
n7 -.-> n0
n10 -.-> n0
n12 -.-> n0
n5 -.-> n0
n11 -.-> n0
n9 -.-> n0
n4 -.-> n0
n1 -.-> n0
n2 -.-> n0
n3 -.-> n0
n8 -.-> n0
end
%% Styling
classDef trigger fill:#e8f5e9,stroke:#388e3c,stroke-width:2px
classDef ai fill:#e3f2fd,stroke:#1976d2,stroke-width:2px
classDef aiModel fill:#e8eaf6,stroke:#3f51b5,stroke-width:2px
classDef decision fill:#fff8e1,stroke:#f9a825,stroke-width:2px
classDef database fill:#fce4ec,stroke:#c2185b,stroke-width:2px
classDef api fill:#fff3e0,stroke:#e65100,stroke-width:2px
classDef code fill:#f3e5f5,stroke:#7b1fa2,stroke-width:2px
classDef disabled stroke-dasharray: 5 5,opacity: 0.5
class n0 trigger
Varför det här spelar roll: webbresearch blir rörig när den görs manuellt
Manuell webbinsamling verkar oskyldig tills du måste göra den om och om igen. En sida blir tio, tio blir femtio, och plötsligt har du lagt en eftermiddag på att hoppa mellan flikar, klistra in utdrag i ett ark och ta “för säkerhets skull”-skärmdumpar som du får svårt att hitta senare. Det värsta är den mentala belastningen: att komma ihåg vad du klickade på, vad du filtrerade, vad du laddade ner och vilken version som är den senaste. Och när du behöver bevisa ett påstående för en kund eller din chef är “lita på mig, jag såg det” inte direkt stark evidens.
Det summerar snabbt. Här är var det vanligtvis faller isär.
- Copy-paste till Google Sheets skapar småfel som i tysthet saboterar jämförelser senare.
- Skärmdumpar hamnar utspridda på skrivbord och i Slack-trådar, så “bevis” blir en skattjakt.
- Webbplatser ändras eller personaliserar innehåll, vilket gör att du inte tillförlitligt kan återskapa det du fångade förra veckan.
- Team slutar dokumentera helt eftersom processen är störig, och då blir rapportering rena gissningsleken.
Det du bygger: Airtop-styrd surfning som loggar till Sheets
Det här workflowet gör “gå och kolla den sajten” till en repeterbar process med loggning. Det startar när instruktioner skickas till n8n via den inbyggda MCP Server Trigger, vilket kan komma från en AI-agent eller ett annat orkestreringsverktyg. Airtop öppnar sedan en riktig webbläsarsession, skapar ett fönster, laddar målsidan och interagerar med den som en människa: scrollar i containrar, klickar på element och fyller i formulär med dynamisk data. När sidan är i rätt läge extraherar Airtop informationen med promptbaserade frågor, kan vid behov paginera över flera sidor och tar en skärmdump för verifiering. Till sist städar workflowet upp efter sig genom att stänga fönstret och avsluta sessionen, och de extraherade resultaten kan loggas till Google Sheets för strukturerad uppföljning.
Flödet är rakt på sak. En instruktion kommer in, Airtop gör surfning och extrahering, och ditt kalkylark blir systemet som gäller. Du får strukturerade rader plus visuella bevis, utan att sitta och klicka dig igenom sidor.
Det du bygger
| Vad som automatiseras | Vad du uppnår |
|---|---|
|
|
Förväntade resultat
Säg att du behöver fånga 20 sidor för en veckovis konkurrentgenomgång. Manuellt kan du lägga cirka 5 minuter per sida på att ladda, klicka runt, kopiera detaljer och ta en skärmdump, alltså runt 2 timmar. Med det här workflowet skickar du en instruktion i batch, väntar på att Airtop kör (ofta 20–30 minuter i bakgrunden, beroende på sajten) och granskar Google Sheet när det är klart. Du gör fortfarande stickprov, men du slutar göra det repetitiva arbetet.
Innan du börjar
- n8n-instans (prova n8n Cloud gratis)
- Alternativ för self-hosting om du föredrar det (Hostinger fungerar bra)
- Airtop för automatiserade webbläsarsessioner och extrahering.
- Google Sheets för att lagra fångade resultat och länkar.
- Airtop API-inloggningsuppgifter (hämta dem i inställningarna för ditt Airtop-konto).
Svårighetsnivå: Medel. Du kopplar konton och tänker igenom vilken data du vill extrahera, men du skriver ingen kod.
Vill du att någon bygger detta åt dig? Prata med en automationsexpert (gratis 15-minuters konsultation).
Steg för steg
En MCP-instruktion triggar körningen. Workflowet börjar när MCP Server Trigger tar emot en begäran (till exempel: “öppna den här URL:en, extrahera de här fälten och ta en skärmdump”). Begäran kan komma från en AI-agent, en testklient eller ett kontrollerat internt verktyg.
Airtop öppnar en riktig webbläsarsession. Den skapar en session och ett fönster och laddar sedan målsidan. Om sajten kräver interaktion för att visa rätt data kan Airtop scrolla i containrar, trycka på specifika element eller fylla i formulärfält så att sidan hamnar i det läge du bryr dig om.
Workflowet extraherar och validerar vad det hittade. Airtop frågar ut sidinnehållet med prompts och kan paginera över flera sidor när data är utspridd. En skärmdump tas som bevis, och workflowet kan vänta på en nedladdning om sajten genererar filer.
Resultat registreras och sessionen städas upp. Data förbereds för loggning (så att den är konsekvent) och skickas sedan till Google Sheets för rapportering och uppföljning. Till sist stänger Airtop fönstret och avslutar sessionen, vilket håller kostnader och bortglömda sessioner under kontroll.
Du kan enkelt ändra vilken data som extraheras eller var den loggas, beroende på dina behov. Se den fullständiga implementationsguiden nedan för anpassningsalternativ.
Steg-för-steg-guide för implementering
Steg 1: Konfigurera MCP Gateway Trigger
Konfigurera arbetsflödets startpunkt så att Airtop-verktyg kan anropas via MCP-gatewayen.
- Lägg till noden MCP Gateway Trigger i ert arbetsflöde.
- Ställ in Path till
airtop. - Behåll den fästa anteckningen Flowpast Branding om ni vill ha dokumentation i canvasen (det påverkar inte körningen).
airtop för denna verktygslåda).Steg 2: Anslut Airtop API-inloggningsuppgifter
Den här verktygslådan exponerar Airtop-åtgärder som AI-verktyg kopplade till MCP Gateway Trigger. Varje Airtop-verktyg kräver åtkomst till Airtop API.
- Inloggningsuppgifter krävs: Anslut era airtopApi-inloggningsuppgifter till alla Airtop-verktygsnoder (totalt 12 noder), inklusive Open Airtop Session, Generate Airtop Window, Load Airtop Page, Populate Airtop Form, Query Airtop Page, Capture Airtop Screenshot och de övriga Airtop-verktygen.
- Eftersom dessa är AI-verktyg som är kopplade till MCP Gateway Trigger, säkerställ att er MCP-verktygskonfiguration kan komma åt Airtop-inloggningsuppgifterna (försök inte lägga till inloggningsuppgifter på själva triggern).
Steg 3: Konfigurera verktyg för session- och fönsterhantering
Konfigurera Airtop-sessionens livscykel och skapandet av webbläsarfönster för att etablera en kontrollerbar miljö för efterföljande åtgärder.
- I Open Airtop Session, ställ in Profile Name till
{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Profile_Name', `nome do perfil de navegacao no airtop`, 'string') }}, Timeout Minutes till=10och Save Profile On Termination till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Save_Profile', ``, 'boolean') }}. - I Generate Airtop Window, ställ in URL till
{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('URL', ``, 'string') }}, Session ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', ``, 'string') }}och Get Live View till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Get_Live_View', ``, 'boolean') }}. - I Load Airtop Page, ställ in Resource till
window, Operation tillload, URL till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('URL', ``, 'string') }}, Window ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Window_ID', ``, 'string') }}och Session ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', ``, 'string') }}. - I Close Airtop Window, ställ in Resource till
window, Operation tillclose, Window ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Window_ID', ``, 'string') }}och Session ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', ``, 'string') }}. - I End Airtop Session, ställ in Operation till
terminateoch Session ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', `id da sesao criada `, 'string') }}.
Steg 4: Konfigurera verktyg för interaktion och datainsamling
Konfigurera verktyg för interaktion, extrahering och nedladdning för att utföra åtgärder inne i Airtop-webbläsarsessionen.
- I Populate Airtop Form, ställ in Resource till
interaction, Operation tillfill, Form Data till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Form_Data', ``, 'string') }}, Window ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Window_ID', ``, 'string') }}och Session ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', ``, 'string') }}. - I Press Airtop Element, ställ in Resource till
interaction, Element Description till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Element_Description', ``, 'string') }}, Window ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Window_ID', ``, 'string') }}och Session ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', ``, 'string') }}. - I Scroll Airtop View, ställ in Resource till
interaction, Operation tillscroll, Scroll Within till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Scrollable_Area', ``, 'string') }}, Scroll To Element till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Element_Description', ``, 'string') }}och Session ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', ``, 'string') }}. - I Query Airtop Page och Query Airtop Pages, ställ in Resource till
extraction, Prompt till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Prompt', ``, 'string') }}, Window ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Window_ID', ``, 'string') }}och Session ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', ``, 'string') }}. - I Capture Airtop Screenshot, ställ in Resource till
window, Operation tilltakeScreenshot, Output Image As Binary till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Output_Binary_Image', ``, 'boolean') }}, Window ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Window_ID', ``, 'string') }}och Session ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', ``, 'string') }}. - I Await Airtop Download, ställ in Operation till
waitForDownloadoch Session ID till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', ``, 'string') }}.
Session_ID- och Window_ID-inmatningar konsekventa mellan verktygen för att undvika fel som ”window not found” eller ”session invalid”.Steg 5: Testa och aktivera ert arbetsflöde
Validera MCP-triggern och Airtop-verktygen och aktivera därefter arbetsflödet för skarp drift.
- Klicka på Execute Workflow och anropa MCP-endpointen med path
/airtopfrån er MCP-klient. - Bekräfta lyckade körningar genom att kontrollera utdata som session-ID:n från Open Airtop Session och skärmdumps-binära data från Capture Airtop Screenshot.
- När resultaten ser korrekta ut, växla arbetsflödet till Active för att göra MCP-triggern tillgänglig för produktionsanvändning.
Felsökningstips
- Airtop-inloggningsuppgifter kan löpa ut eller kräva specifika behörigheter. Om det skapar fel, kontrollera först status på din Airtop API-nyckel och kontots åtkomstinställningar.
- Om du använder Wait-noder eller extern rendering varierar bearbetningstiderna. Öka väntetiden om nedströmsnoder fallerar på tomma svar.
- Standardprompter i AI-noder är generiska. Lägg in er tonalitet tidigt, annars kommer du att redigera utdata i all evighet.
Snabba svar
Räkna med cirka 45 minuter om dina Airtop- och Google-konton är redo.
Nej. Du kopplar Airtop och Google Sheets och justerar sedan extraheringsprompterna och fälten.
Ja. n8n har ett gratis self-hosted-alternativ och en gratis provperiod på n8n Cloud. Cloud-planer börjar på 20 USD/månad för högre volym. Du behöver också räkna in Airtop-kostnader baserat på sessioner, surfning och skärmdumpar.
Två alternativ: n8n Cloud (hanterat, enklast att komma igång) eller self-hosting på en VPS. För self-hosting är Hostinger VPS prisvärd och klarar n8n bra. Self-hosting ger obegränsat antal körningar men kräver grundläggande serveradministration.
Ja, och det borde du förmodligen. Du kan byta vilka åtgärder som sker på sajten genom att justera noder som “Press Airtop Element”, “Scroll Airtop View” och “Populate Airtop Form”, och sedan ändra vad som hämtas i “Query Airtop Page” eller “Query Airtop Pages”. Vanliga justeringar är att extrahera andra fält, lägga till regler för paginering och ta en skärmdump bara när ett visst villkor är uppfyllt.
Oftast beror det på att Airtop API-inloggningsuppgifterna har löpt ut eller är fel. Uppdatera Airtop-credentials i n8n och kör igen med en enkel URL för att bekräfta att sessionskapandet fungerar. Om sessionskapandet fungerar men extraheringen misslyckas kan sajten blockera automation eller så har selektorerna ändrats, så att dina klick-/scroll-/formsteg inte längre matchar det som finns på sidan.
Det beror mer på dina Airtop-användningsgränser och hur tung varje surfkörning är än på n8n i sig.
Ofta, ja, eftersom det här är riktig webbläsarautomation plus AI-styrd extrahering, inte bara “skicka data från app A till app B”. n8n ger dig också mer kontroll över grenlogik, omförsök och uppstädning, vilket spelar roll när webbplatser är oförutsägbara. Zapier eller Make kan fortfarande fungera för lättare loggning, men de får ofta problem när du behöver klicka runt, vänta på nedladdningar och ta skärmdumpar som bevis. Ärligt talat är det där de här webbläsarbaserade workflowen hör hemma. Om du vill ha hjälp att välja, prata med en automationsexpert.
När det här väl rullar blir ditt kalkylark granskningsspåret. Airtop sköter surfningen, du fattar besluten.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.