Manuellt webbläsarjobb är lömskt. Du börjar med ”bara ett snabbt inlägg” eller ”bara uppdatera den här profilen”, och plötsligt sitter du djupt nere i flikar, inloggningar och copy-paste-anteckningar som du svär att du ska dokumentera senare.
Den här uppsättningen för Airtop Sheets logging träffar marknadschefer först, eftersom sociala plattformar aldrig stannar. Men byråägare som driver klientuppgifter och driftansvariga som jobbar med webbverktyg känner av det också. Resultatet är enkelt: webbläsaruppgifter körs utifrån förfrågningar på vanlig svenska, och varje session loggas så att du kan bevisa vad som hände.
Du får se vad arbetsflödet gör, vad det ersätter och hur du sätter det i produktion utan att göra ditt team till automationsingenjörer.
Så fungerar automatiseringen
Se hur detta löser problemet:
n8n Workflow Template: Airtop + Google Sheets: webbsessioner loggas
flowchart LR
subgraph sg0["When chat message received Flow"]
direction LR
n0@{ icon: "mdi:play-circle", form: "rounded", label: "When chat message received", pos: "b", h: 48 }
n1@{ icon: "mdi:robot", form: "rounded", label: "AI Agent", pos: "b", h: 48 }
n2@{ icon: "mdi:brain", form: "rounded", label: "OpenAI Chat Model", pos: "b", h: 48 }
n3@{ icon: "mdi:memory", form: "rounded", label: "Simple Memory", pos: "b", h: 48 }
n4@{ icon: "mdi:cog", form: "rounded", label: "create_session", pos: "b", h: 48 }
n5@{ icon: "mdi:cog", form: "rounded", label: "terminate_session", pos: "b", h: 48 }
n6@{ icon: "mdi:database", form: "rounded", label: "read_airtop_profiles", pos: "b", h: 48 }
n7@{ icon: "mdi:cog", form: "rounded", label: "create_window", pos: "b", h: 48 }
n8@{ icon: "mdi:cog", form: "rounded", label: "click_element", pos: "b", h: 48 }
n9@{ icon: "mdi:cog", form: "rounded", label: "query_page", pos: "b", h: 48 }
n10@{ icon: "mdi:cog", form: "rounded", label: "type_text", pos: "b", h: 48 }
n11@{ icon: "mdi:database", form: "rounded", label: "browser_sheet_read", pos: "b", h: 48 }
n12@{ icon: "mdi:database", form: "rounded", label: "browser_sheet_write", pos: "b", h: 48 }
n13@{ icon: "mdi:database", form: "rounded", label: "windows_sheet_read", pos: "b", h: 48 }
n14@{ icon: "mdi:database", form: "rounded", label: "windows_sheet_write", pos: "b", h: 48 }
n10 -.-> n1
n9 -.-> n1
n3 -.-> n1
n8 -.-> n1
n7 -.-> n1
n4 -.-> n1
n2 -.-> n1
n5 -.-> n1
n11 -.-> n1
n13 -.-> n1
n12 -.-> n1
n14 -.-> n1
n6 -.-> n1
n0 --> n1
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
class n1 ai
class n2 aiModel
class n3 ai
class n6,n11,n12,n13,n14 database
Utmaningen: webbläsarjobb blir gjort, men inget spåras
Webbläsaruppgifter är den värsta sortens ”osynligt arbete”. Du kan logga in på en sida, klicka dig igenom fem sidor, publicera något, svara på en kommentar och gå vidare. Sen frågar någon vad som gjordes, när det gjordes och vilket konto som användes. Nu försöker du återskapa historiken från minnet, halva skärmdumpar eller en kedja av Slack-meddelanden. Och om något misslyckas halvvägs (en inloggningsruta, en ändrad knapptext, en seg sida) får du oftast inte veta det förrän det redan är för sent.
Det summeras snabbt. Här är var det faller isär i riktiga team.
- Folk upprepar samma webbläsarsteg eftersom det inte finns någon samlad logg över vad som redan har körts.
- När en uppgift misslyckas får du reda på det sent eftersom ingen kan ”se” sessionen som körs.
- Konton och profiler blandas ihop, särskilt när flera klientinloggningar är inblandade.
- Statusuppdateringar finns utspridda (e-post, Slack, anteckningar), så revisioner blir en skattjakt.
Lösningen: Airtop kör webbläsaren, Google Sheets sparar kvittona
Det här arbetsflödet gör en förfrågan på vanlig svenska till en övervakad webbläsarsession du faktiskt kan lita på. Det börjar med en chattliknande trigger i n8n, där du säger till agenten vad du vill få gjort (till exempel ”Skapa ett Reddit-inlägg i r/automation” eller ”Öppna LinkedIn och skapa ett utkast till inlägg från den här URL:en”). En AI-agent (driven av en OpenAI-chattmodell) tolkar förfrågan, planerar åtgärderna och använder sedan Airtop för att styra en riktig webbläsarsession. Medan sessionen kör skriver och uppdaterar arbetsflödet poster i Google Sheets för både hela sessionen och eventuella fönster eller flikar som skapas. Du får också en live view-URL via e-post genom Gmail, vilket innebär att du kan följa automatiseringen när den händer i stället för att hoppas att den fungerade.
Arbetsflödet startar när ett kommando kommer in via chatttriggern. Airtop skapar en session (valfritt med en autentiserad Airtop-profil), öppnar rätt sidor och interagerar med element genom att klicka och skriva. Google Sheets hålls uppdaterat under hela körningen, sedan stänger arbetsflödet sessionen och markerar allt som ”Stängd” när det är klart.
Vad som förändras: före vs. efter
| Det här elimineras | Effekten du kommer att se |
|---|---|
|
|
Effekt i verkligheten
Säg att du kör 10 webbläsaruppgifter i veckan (publicera, svara, uppdatera listningar). Manuellt tar en ”enkel” uppgift ofta runt 15 minuter när du räknar in att logga in, navigera, utföra åtgärden och skriva ner vad du gjorde, så du hamnar på ungefär 2,5 timmar i veckan. Med det här arbetsflödet skickar du in en begäran på cirka en minut, Airtop kör sessionen och Google Sheets loggar automatiskt samtidigt som Gmail skickar live view-länken. För många team förvandlar det 2,5 timmar av rutinjobb till snabb tillsynstid.
Krav
- n8n-instans (prova n8n Cloud gratis)
- Självhostat alternativ om du föredrar det (Hostinger fungerar bra)
- Airtop för att köra riktiga webbläsarsessioner.
- Google Sheets för loggning av sessioner och fönster.
- OpenAI API-nyckel (hämta den i din OpenAI-dashboard).
Kunskapsnivå: Medel. Du kopplar konton, klistrar in API-nycklar och mappar några fält till Sheets.
Behöver du hjälp att implementera detta? Prata med en automationskonsult (gratis 15-minuters konsultation).
Arbetsflödets steg
En begäran kommer in via chatt. Du skriver en instruktion på vanlig svenska och arbetsflödet behandlar den som ett ärende, inte ett engångsmeddelande.
AI-agenten planerar webbläsaråtgärderna. OpenAI-chattmodellen tolkar vad du menade, behåller sammanhang med en enkel minnesbuffert och avgör vilka åtgärder på sidan som krävs.
Airtop öppnar och styr en riktig webbläsarsession. Den kan skapa en session, öppna ett fönster på rätt URL, inspektera sidan för att hitta klickbara element, klicka på knappar och skriva i formulär. Om du har en Airtop-profil för en webbplats kan arbetsflödet använda den så att du redan är autentiserad.
Google Sheets uppdateras medan jobbet pågår. Arbetsflödet läser och uppdaterar ett ”sessions”-ark och ett ”windows”-ark så att du kan spåra status, live view-URL:er och avslut på ett tydligt sätt.
Du kan enkelt justera fälten i arket efter dina rapporteringsbehov, eller ändra agentens systeminstruktioner för att passa en specifik webbplats. Se hela implementationsguiden nedan för anpassningsalternativ.
Steg-för-steg-implementeringsguide
Steg 1: Konfigurera chatt-triggaren
Det här arbetsflödet startar när en användare skickar ett meddelande i chattgränssnittet och det routas in i AI-agenten.
- Lägg till och öppna Incoming Chat Trigger.
- Behåll standardinställningarna i Options för chatt-triggaren.
- Koppla Incoming Chat Trigger till Browser Automation Agent i arbetsflödets huvudflöde.
Steg 2: Anslut Google Sheets
Dessa noder lagrar och hämtar sessions- och fönsterinformation för agenten.
- Öppna Fetch Airtop Profiles och ställ in Document till
[YOUR_ID]och Sheet till[YOUR_ID](Profiles Sheet). - Öppna Read Browser Sheet och ställ in Document till
[YOUR_ID]och Sheet till[YOUR_ID](Browser Sessions). - Öppna Update Browser Sheet, ställ in Operation till
appendOrUpdateoch mappa kolumner med hjälp av befintliga fält och uttryck som{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Status', ``, 'string') }}. - Öppna Read Windows Sheet och ställ in Document till
[YOUR_ID]och Sheet till[YOUR_ID](Windows List). - Öppna Update Windows Sheet, ställ in Operation till
appendOrUpdateoch behåll den matchande kolumnen Airtop Window ID med uttryck som{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Live_View_URL', ``, 'string') }}. - Autentisering krävs: Anslut era googleSheetsOAuth2Api-inloggningsuppgifter på Fetch Airtop Profiles, Read Browser Sheet, Update Browser Sheet, Read Windows Sheet och Update Windows Sheet.
⚠️ Vanlig fallgrop: Säkerställ att ert Google Sheet har kolumner som heter exakt som Airtop Session ID, Window Description och Live View URL, annars kommer append/update-mappningen inte att matcha korrekt.
Steg 3: Konfigurera AI-agenten och minnet
Agenten orkestrerar alla webbläsaråtgärder och använder ett kompakt minnesfönster för att behålla den senaste kontexten.
- Öppna Browser Automation Agent och granska systemmeddelandet under Options för att säkerställa att det matchar era operativa regler.
- Öppna OpenAI Chat Engine och ställ in Model till
gpt-4o-mini. - Autentisering krävs: Anslut era openAiApi-inloggningsuppgifter på OpenAI Chat Engine.
- Öppna Compact Memory Buffer och ställ in Context Window Length till
3. - Bekräfta att OpenAI Chat Engine är ansluten som språkmodell för Browser Automation Agent och att Compact Memory Buffer är ansluten som dess minne.
AI-verktygsnoder som Compact Memory Buffer hanteras av Browser Automation Agent—autentisering (om någon) ska läggas till på den överordnade agenten eller dess anslutna modell, inte på verktygets undernod.
Steg 4: Konfigurera verktyg för webbläsarautomation (Airtop)
Dessa Airtop-verktygsnoder gör att agenten kan skapa sessioner, öppna fönster, fråga sidor och interagera med element.
- Öppna Initialize Browser Session och ställ in Profile Name till
{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Profile_Name', ``, 'string') }}och Timeout Minutes till30. - Öppna Open Browser Window och ställ in URL till
{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('URL', ``, 'string') }}, Resource tillwindow, Get Live View tilltrueoch Screen Resolution till1280x720. - Öppna Inspect Page Content och ställ in Operation till
queryoch Prompt till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Prompt', ``, 'string') }}. - Öppna Activate Page Element och ställ in Element Description till
{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Element_Description', ``, 'string') }}med matchande uttryck för Session ID och Window ID. - Öppna Enter Text Input och ställ in Text till
{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Text', ``, 'string') }}med matchande uttryck för Session ID och Window ID. - Öppna End Browser Session och behåll Operation inställd på
terminatemed Session ID inställt till{{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Session_ID', ``, 'string') }}. - Autentisering krävs: Anslut era airtopApi-inloggningsuppgifter på Initialize Browser Session, Open Browser Window, Inspect Page Content, Activate Page Element, Enter Text Input och End Browser Session.
⚠️ Vanlig fallgrop: Dessa Airtop-verktyg är anslutna som AI-verktyg till Browser Automation Agent. Lägg inte till separata trigger-kopplingar—behåll dem som AI-verktygskopplingar så att agenten kan anropa dem dynamiskt.
Steg 5: Bekräfta kopplingen mellan agent och verktyg
Agenten måste ha åtkomst till alla verktyg och sheets för att kunna följa hela logiken för sessions- och fönsterhantering.
- Säkerställ att Browser Automation Agent är ansluten till OpenAI Chat Engine som dess språkmodell.
- Säkerställ att Compact Memory Buffer är ansluten till Browser Automation Agent som dess minne.
- Verifiera att alla Airtop-verktyg (Initialize Browser Session, Open Browser Window, Inspect Page Content, Activate Page Element, Enter Text Input, End Browser Session) är kopplade till Browser Automation Agent som AI-verktyg.
- Verifiera att alla Sheets-verktyg (Fetch Airtop Profiles, Read Browser Sheet, Update Browser Sheet, Read Windows Sheet, Update Windows Sheet) är kopplade till Browser Automation Agent som AI-verktyg.
Steg 6: Testa och aktivera ert arbetsflöde
Kör ett manuellt test för att bekräfta att chatt-triggaren anropar agenten och att session-/fönsterposter uppdateras korrekt.
- Klicka på Execute Workflow och skicka ett testmeddelande via Incoming Chat Trigger.
- Bekräfta att Browser Automation Agent anropar Sheets-verktygen först och sedan använder Airtop-verktygen för att skapa sessioner/fönster.
- Verifiera att posterna i Google Sheets uppdateras i Update Browser Sheet och Update Windows Sheet med korrekta ID:n och statusar.
- När testet lyckas klickar ni på Activate för att aktivera arbetsflödet för produktionsanvändning.
Se upp med
- Google Sheets-inloggningar kan löpa ut eller kräva specifika behörigheter. Om något slutar fungera, kontrollera n8n:s credential-test för ditt Google-konto och bekräfta att målarket är delat med samma användare.
- Om du använder Wait-noder eller extern rendering varierar processtiderna. Öka väntetiden om efterföljande noder fallerar på tomma svar.
- Standardprompter i AI-noder är generiska. Lägg in er tonalitet tidigt, annars kommer du att redigera utdata i all oändlighet.
Vanliga frågor
Cirka en timme om dina konton och Sheets är redo.
Ja. Ingen kodning krävs, men någon bör vara bekväm med att koppla inloggningar och testa några exempelkommandon.
Ja. n8n har ett gratis självhostat 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 OpenAI API-kostnader (ofta några cent per körning) och Airtop-användning baserat på din sessionsvolym.
Två alternativ: n8n Cloud (hanterat, enklast uppsättning) eller självhostning på en VPS. För självhostning är Hostinger VPS prisvärt och hanterar n8n bra. Självhostning ger dig obegränsade körningar men kräver grundläggande serveradministration.
Det kan du. De flesta anpassningar görs i instruktionerna för Browser Automation Agent (vad agenten får göra) och i Google Sheets-noderna som skriver fält för session/fönster. Vanliga justeringar är att ändra vilka ”status”-värden du sparar, lägga till en ”kund”-kolumn i sessionsarket och byta ut Gmail-meddelanden mot Slack-notiser samtidigt som du behåller samma Airtop live view-URL.
Oftast beror det på en utgången eller felaktig Airtop API-nyckel. Skapa en ny nyckel i din Airtop-dashboard, uppdatera n8n-inloggningen och kör sedan ett enkelt kommando som ”Besök google.com” för att bekräfta att sessioner kan skapas. Om sessioner skapas men klick misslyckas kan målwebbplatsen ha ändrat sitt gränssnitt, så agenten behöver tydligare elementbeskrivningar. Kontrollera också rate limits eller blockerad automatisering om du kör mot samma webbplats aggressivt.
På n8n Cloud Starter kan du köra en bra volym arbetsflöden varje månad, och de flesta team börjar där. Om du självhostar är körningar inte begränsade på samma sätt (serverresurserna blir begränsningen), men Airtops sessionsgränser och webbplatsens hastighet spelar fortfarande roll. I praktiken kan du köra flera uppgifter per dag utan problem så länge du håller sessionerna korta och avslutar dem korrekt. Om du planerar att köra många samtidiga webbläsarsessioner bör du lasttesta och strama upp loggningen så att Sheets inte blir flaskhalsen.
Ofta, ja. Zapier och Make är bra för app-till-app-flytt av data, men webbläsarautomation med sessionsspårning och live-övervakning blir snabbt komplicerat. n8n hanterar grenlogik, återförsök och tillståndsspårning på ett sätt som känns mindre ”skört”, och du kan självhosta när volymen växer. Nackdelen är ansvar för uppsättningen: du behöver äga inloggningar, testning och lite underhåll när webbplatser ändras. Om du är osäker, prata med en automationskonsult och få en snabb rekommendation.
Det bästa är revisionsspåret. Airtop gör klickandet, Google Sheets dokumenterar facit, och du får en live-länk när du vill titta den över axeln.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.