Darmowy szablon automatyzacji

Przechwytuj zrzuty ekranu URL z Arkuszy Google za pomocą ScreenshotOne i zapisuj na Dysku za pomocą alertów Gmail

629
1 mies. temu
9
bloków


Automatyczne przechwytywanie zrzutów ekranu URL z Google Sheets i Drive przy użyciu ScreenshotOne i powiadomień Gmail

Podsumowanie

Ten szablon automatyzacji usprawnia proces przechwytywania zrzutów ekranu dla wielu adresów URL. Zamiast ręcznego odwiedzania każdego adresu URL, robienia zrzutu ekranu i organizowania wyników, ten przepływ pracy automatyzuje wszystko. Po dodaniu arkusza kalkulacyjnego do wyznaczonego folderu w Google Drive, szablon wyodrębnia adresy URL z kolumny o nazwie "Url". Następnie te adresy URL są przetwarzane przez ScreenshotOne w celu przechwycenia zrzutów ekranu, które są zapisywane z powrotem w tym samym folderze. Na koniec wysyłane jest powiadomienie e-mail za pośrednictwem Gmaila z linkiem do folderu zawierającego zrzuty ekranu.

Rozwiązany problem

Ten szablon rozwiązuje problem ręcznego przechwytywania zrzutów ekranu dla wielu adresów URL. Bez tej automatyzacji użytkownik musiałby:

  • Otwierać każdy adres URL z arkusza kalkulacyjnego.
  • Ręcznie robić zrzut ekranu.
  • Zapisywać każdy zrzut ekranu z odpowiednią nazwą.
  • Organizować zrzuty ekranu w folderze.
  • Powiadamiać zainteresowane strony po zakończeniu procesu.

Te kroki są nie tylko czasochłonne, ale także powtarzalne, szczególnie przy dużej liczbie adresów URL.

Dla kogo jest to rozwiązanie

  • Specjaliści ds. marketingu cyfrowego: Monitorowanie wyglądu stron internetowych do analizy konkurencji lub śledzenia stron docelowych kampanii.
  • Deweloperzy/Projektanci stron internetowych: Przechwytywanie zrzutów ekranu wielu stron internetowych w celach inspiracji lub referencji.
  • Zespoły QA: Dokumentowanie stanu wizualnego stron internetowych na różnych etapach rozwoju.
  • Specjaliści SEO: Śledzenie zmian wizualnych na stronach internetowych, które optymalizują.
  • Menedżerowie treści: Monitorowanie wyglądu treści na różnych stronach internetowych.

Wymagania wstępne

  • Węzeł Google Drive: Musi mieć odpowiednie uprawnienia do tworzenia i dostępu do folderów.
  • Podłączony węzeł Google Sheets: Do wyodrębniania adresów URL z arkusza kalkulacyjnego.
  • Uwierzytelniony węzeł Gmail: Do wysyłania powiadomień.
  • Konto ScreenshotOne: Bezpłatny lub płatny plan w zależności od potrzeb, wraz z kluczem dostępu. Upewnij się, że zastąpiłeś zastępczy --YOUR ACCESS KEY-- wygenerowanym kluczem dostępu w węźle "Get Screenshots".

Szczegóły przepływu pracy

Krok 1: Integracja z Google Drive

Węzeł wyzwalający: Monitoruje określony folder w Google Drive. Po dodaniu arkusza kalkulacyjnego przepływ pracy jest inicjowany.

Krok 2: Przetwarzanie w Google Sheets

Węzeł Google Sheets: Wyodrębnia adresy URL z kolumny o nazwie "Url".

Krok 3: Przechwytywanie zrzutów ekranu

Węzeł Get Screenshots: Wysyła każdy wyodrębniony adres URL do ScreenshotOne w celu przechwycenia zrzutów ekranu.

Krok 4: Zapisywanie zrzutów ekranu i powiadomienia

Węzeł Google Drive: Zapisuje przechwycone zrzuty ekranu z powrotem do tego samego folderu.

Węzeł Gmail: Wysyła powiadomienie e-mail z linkiem do folderu, informując zainteresowane strony, że zrzuty ekranu są gotowe.

Wskazówki dotyczące dostosowywania

Monitorowanie folderu:

Przepływ pracy jest ustawiony na monitorowanie określonego folderu w Google Drive. Można go dostosować, wybierając inny folder w ustawieniach węzła.

Struktura arkusza kalkulacyjnego:

Chociaż szablon oczekuje arkusza kalkulacyjnego z kolumną o nazwie "Url" do wyodrębniania adresów URL, użytkownicy mogą dodać dodatkowe kolumny (np. tytuły, kategorie lub tagi) i zmodyfikować przepływ pracy, aby z nich korzystać.

Ustawienia e-mail:

Dostosuj odbiorcę, temat i treść powiadomienia e-mail, aby odpowiadały Twoim potrzebom. W razie potrzeby włącz opcjonalne powiadomienia dla różnych zainteresowanych stron.

Klucz dostępu ScreenshotOne i konfiguracje:

Wymagany jest prawidłowy klucz dostępu ScreenshotOne do przechwytywania zrzutów ekranu. Użytkownicy mogą dodatkowo dostosować ustawienia zrzutów ekranu (np. rozmiar widoku, emulację urządzenia lub czas opóźnienia), eksplorując dostępne opcje w dokumentacji API ScreenshotOne.

Przykłady zastosowań

Ten szablon automatyzacji może być wykorzystany w wielu scenariuszach, w tym:

  • Śledzenie zmian wizualnych na stronach internetowych konkurencji.
  • Dokumentowanie stanu stron internetowych przed i po aktualizacjach.
  • Tworzenie archiwum zrzutów ekranu stron internetowych do celów referencyjnych.
  • Monitorowanie poprawności wyświetlania treści na różnych urządzeniach.
  • Automatyzacja procesu weryfikacji wizualnej podczas testów QA.
  • Generowanie raportów wizualnych dla klientów lub zespołów.
  • Tworzenie bazy inspiracji dla projektantów stron internetowych.


   Skopiuj kod szablonu   
{"id":"rVZ45LaNVNhJI9Fi","meta":{"instanceId":"30cb288538cc1d60f7858cc4f67b4e877a90549434f7edd08c97301dabbccb6c"},"name":"Automated URL Screenshots: Google Sheets + ScreenshotOne with Email Alerts","tags":[{"id":"hl1c8l8cX6WLDebn","name":"Drive","createdAt":"2025-03-24T11:58:31.377Z","updatedAt":"2025-03-24T11:58:31.377Z"},{"id":"hydbGbGQBvdtg5yG","name":"Spreadsheets","createdAt":"2025-03-24T11:58:38.767Z","updatedAt":"2025-03-24T11:58:38.767Z"},{"id":"afr1S4wdtRDjJnkM","name":"Screenshotone","createdAt":"2025-03-24T11:58:51.623Z","updatedAt":"2025-03-24T11:58:51.623Z"},{"id":"iWYO3N8hYXIBrRoM","name":"Gmail","createdAt":"2025-03-24T11:58:54.595Z","updatedAt":"2025-03-24T11:58:54.595Z"}],"nodes":[{"id":"cd138bff-e429-4223-ae6a-7ffcb70250ec","name":"Get screenshots","type":"n8n-nodes-base.httpRequest","maxTries":3,"position":[500,0],"parameters":{"url":"https://api.screenshotone.com/take?","options":{},"sendQuery":true,"sendHeaders":true,"queryParameters":{"parameters":[{"name":"url","value":"={{ $json.Url }}"},{"name":"block_cookie_banners","value":"true"}]},"headerParameters":{"parameters":[{"name":"X-Access-Key","value":"--YOUR SCREENSHOTONE ACCESS KEY--"}]}},"executeOnce":false,"retryOnFail":true,"typeVersion":4.2},{"id":"94825f14-fdef-41fe-ac5f-52da12e288e4","name":"Get Urls","type":"n8n-nodes-base.googleSheets","position":[220,0],"parameters":{"options":{},"sheetName":{"__rl":true,"mode":"name","value":"Sheet1"},"documentId":{"__rl":true,"mode":"id","value":"={{ $json.id }}"}},"typeVersion":4.5},{"id":"025bc9b7-ffa0-44e5-903b-0a382c747119","name":"Upload images to the same folder","type":"n8n-nodes-base.googleDrive","position":[740,0],"parameters":{"name":"=screenshot_{{ $('Get schreenshots').item.json.Url }}","driveId":{"__rl":true,"mode":"list","value":"My Drive"},"options":{},"folderId":{"__rl":true,"mode":"id","value":"={{ $('spreadsheets file with urls created').item.json.parents[0]}}"},"inputDataFieldName":"=data"},"typeVersion":3},{"id":"83b6273b-1dbc-449d-9d4e-a580e3dfb9e0","name":"spreadsheets file with urls created","type":"n8n-nodes-base.googleDriveTrigger","position":[-80,0],"parameters":{"event":"fileCreated","options":{"fileType":"application/vnd.google-apps.spreadsheet"},"pollTimes":{"item":[{"mode":"everyMinute"}]},"triggerOn":"specificFolder","folderToWatch":{"__rl":true,"mode":"id","value":"--YOUR GOOGLE DRIVE FOLDER ID TO LISTEN--"}},"credentials":{"googleDriveOAuth2Api":{"id":"MDuPeE9G7Xl1N6Uc","name":"nikushac@gmail.com"}},"typeVersion":1},{"id":"dad9be9f-44b6-4f5b-a67e-33f99c29ab3d","name":"Send email with folder link","type":"n8n-nodes-base.gmail","position":[980,0],"webhookId":"243e0e93-4216-4206-95a3-4dccc3f328c7","parameters":{"sendTo":"--YOUR EMAIL ADDRESS--","message":"=Your screenshots are ready!nYou can find them in the following folder:nhttps://drive.google.com/drive/folders/{{ $json.parents }}?usp=drive_link","options":{},"subject":"Screenshots are ready","emailType":"text"},"executeOnce":true,"typeVersion":2.1},{"id":"68da222b-9960-49fb-b2c8-d2e0a8f68093","name":"Sticky Note","type":"n8n-nodes-base.stickyNote","position":[-140,-240],"parameters":{"content":"## This node initiates the workflow by monitoring the designated folder"},"typeVersion":1},{"id":"e9679272-3aa3-4180-b9c5-9b223b7ef131","name":"Sticky Note1","type":"n8n-nodes-base.stickyNote","position":[140,-240],"parameters":{"height":180,"content":"## Ensure your spreadsheet’s ‘Url.’ column contains valid URLs"},"typeVersion":1},{"id":"030a29bc-a180-45fa-9dc7-74831d1222e7","name":"Sticky Note2","type":"n8n-nodes-base.stickyNote","position":[420,-240],"parameters":{"height":180,"content":"## Replace the placeholder with your actual ScreenshotOne [Access key](https://dash.screenshotone.com/access)"},"typeVersion":1},{"id":"a921e62a-cfc4-48cc-8202-555c6b65fc7d","name":"Sticky Note3","type":"n8n-nodes-base.stickyNote","position":[900,-240],"parameters":{"height":180,"content":"## Review your email settings to ensure notifications are sent correctly"},"typeVersion":1}],"active":false,"pinData":{},"settings":{"executionOrder":"v1"},"versionId":"94542ebe-a9e6-406a-9ead-5e4ec094dbdd","connections":{"Get Urls":{"main":[[{"node":"Get screenshots","type":"main","index":0}]]},"Get screenshots":{"main":[[{"node":"Upload images to the same folder","type":"main","index":0}]]},"Upload images to the same folder":{"main":[[{"node":"Send email with folder link","type":"main","index":0}]]},"spreadsheets file with urls created":{"main":[[{"node":"Get Urls","type":"main","index":0}]]}}}
  • CSV
  • Sheet
  • Spreadsheet
  • GS
  • API
  • Request
  • URL
  • Build
  • cURL
  • email
  • human
  • form
  • wait
  • hitl
  • approval
Planeta AI 2025 
magic-wandmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram