Max Nardit
Automatisierung

Webseiten mit Share2Agent an n8n senden

Sende mit einem Klick jede Webseite an deine n8n-Workflows. Share2Agent extrahiert den Seiteninhalt und postet ihn an einen n8n-Webhook, von wo aus du ihn an KI-Agenten, Datenbanken, Slack, Notion oder jede andere Integration weiterleiten kannst.

Voraussetzungen

  • n8n läuft (selbst gehostet oder n8n Cloud)
  • Share2Agent Chrome-Erweiterung installiert

Schritt 1: Workflow mit Webhook-Trigger anlegen

  1. Öffne n8n und klicke auf Add workflow.
  2. Klicke auf Add first step und suche nach Webhook.
  3. Wähle den Webhook-Trigger-Node.
  4. Setze HTTP Method auf POST.
  5. Setze Respond auf Immediately. So bekommt Share2Agent eine schnelle Antwort und läuft nicht in einen Timeout.
  6. Lass Path auf dem auto-generierten Wert oder vergib einen eigenen wie share2agent.

Deine Webhook-Node-Konfiguration sollte so aussehen:

HTTP Method: POST
Path: share2agent
Respond: Immediately

Schritt 2: Webhook-URL kopieren

n8n stellt zwei URLs für jeden Webhook bereit:

  • Test URL - funktioniert nur, solange der Workflow-Editor offen ist und du auf "Listen for test event" geklickt hast. Nutze diese während des Setups.
  • Production URL - funktioniert, sobald der Workflow aktiv ist. Nutze diese, wenn alles konfiguriert ist.

Kopiere zunächst die Test URL. Sie sieht so aus:

https://your-n8n.example.com/webhook-test/share2agent

Schritt 3: Verarbeitungs-Nodes hinzufügen

Füge nach dem Webhook-Trigger Nodes hinzu, die etwas mit dem Seiteninhalt machen. Beispiele:

  • AI Agent - die Seite per LLM zusammenfassen oder Kernpunkte extrahieren
  • Markdown - den Inhalt für nachgelagerte Tools konvertieren
  • Notion / Google Sheets - die Seite in einer Datenbank speichern
  • Slack / Email - eine Zusammenfassung an dein Team forwarden

Der Webhook-Payload von Share2Agent enthält folgende Felder, auf die du in Expressions verweisen kannst:

{{ $json.url }}        -- die URL der Seite
{{ $json.title }}      -- der Seitentitel
{{ $json.content }}    -- extrahierter sauberer Text
{{ $json.comment }}    -- deine Instruktion oder Notiz
{{ $json.timestamp }}  -- ISO-8601-Zeitstempel
{{ $json.meta }}       -- Objekt mit description, og_image, author, language

Schritt 4: Share2Agent konfigurieren

  1. Klicke auf das Share2Agent-Icon in Chrome.
  2. Öffne Settings.
  3. Füge die n8n-Webhook-URL in das Feld Webhook URL ein.
  4. Speichere.

Schritt 5: Integration testen

  1. Klicke in n8n im Webhook-Node auf Listen for test event.
  2. Öffne in Chrome irgendeine Webseite.
  3. Klicke auf das Share2Agent-Icon und drücke Share.
  4. Wechsle zurück zu n8n. Du solltest die eingehenden Daten im Output des Webhook-Nodes sehen.
  5. Verifiziere, dass die Felder (url, title, content, comment, meta) gefüllt sind.

Sobald alles funktioniert, wechsle die Share2Agent-Webhook-URL von der Test-URL auf die Production URL und aktiviere den Workflow in n8n.

Beispiel: Artikel in Notion speichern

Ein praktischer Workflow:

  1. Webhook - empfängt die Seite von Share2Agent
  2. IF - prüft, ob comment "read later" enthält
  3. Notion - legt einen Eintrag in deiner Reading-List-Datenbank an, mit Titel, URL und einer Zusammenfassung
  4. Slack - postet eine Bestätigungsnachricht in deinen Channel

Was als Nächstes?

  • KI-Zusammenfassung ergänzen - hänge nach dem Webhook einen OpenAI- oder Anthropic-Node an, um vor dem Speichern eine Zusammenfassung zu generieren.
  • Research-Pipeline bauen - route Seiten anhand des comment-Feldes in unterschiedliche Datenbanken (z.B. "competitor" geht in eine Notion-DB, "reference" in eine andere).
  • Error-Handling einrichten - lege einen Error-Trigger-Workflow an, der Fehlschläge abfängt und dich via Slack oder E-Mail benachrichtigt.
Webseiten mit Share2Agent an n8n senden