Airtable: Automatyzacja w praktyce

0:00Proponuję abyśmy w tej lekcji

0:01wykorzystali dotychczasową wiedzę na temat Airtable oraz Integromatu, ale i nie tylko.

0:06Do tego, aby zautomatyzować bloga easycart.

0:09W związku z tym, że pojawiły się już na

0:11nim jakieś artykuły, w pierwszej kolejności musimy wykorzystać narzędzie do

0:14scrapowania danych do tego, aby umieścić je w Airtable.

0:18Tutaj od razu dodam, że jeżeli web scraping nie jest Ci jeszcze znany, zachęcam Cię

0:23do zatrzymania tego filmu i zobaczenia warsztatu na temat przygotowania

0:26automatyzacji cookie Monster dostępnej na tej oto stronie.

0:30Mając tą wiedzę jesteśmy w stanie wykorzystać narzędzia Simple Scraper oraz

0:34wiedzę na temat Integromatu oraz Airtable do tego, aby dosłownie w ciągu kilku chwil

0:39pobrać informacje na temat naszych artykułów.

0:42Pierwszym krokiem będzie uruchomienie rozszerzenia Simple Scraper, a następnie

0:45wybranie właściwości, które nas interesują.

0:48Z pewnością będzie to tytuł artykułu,

0:51następnie wstęp do niego i on dostępny jest tutaj.

0:54No i na samym końcu będzie nas interesował sam link do artykułu.

0:58Tutaj jak widzisz bardzo istotne jest to,

1:00aby zaznaczać odpowiednie fragmenty i od razu też na podstawie podświetlenia

1:04określać, czy rzeczywiście wszystkie elementy zostały zaznaczone.

1:07W momencie gdy tak się stanie wybieram

1:09view results do tego, aby zobaczyć co nam się tutaj pobrało.

1:13Rzeczywiście wszystkie dane są tutaj

1:14dostępne, więc w jakiś sposób muszę je teraz przekazać do integromatu?

1:18Aby to zrobić wykorzystam webhooki oraz

1:20fakt, że mam tutaj wygenerowany obiekt JSON.

1:23Wystarczy, że po prostu skopiuję.

1:25Następnie utworzymy nowy scenariusz

1:27zaczynający się od webhooka i ten webhook wykorzystamy do tego, aby przejąć dane

1:31pochodzące z Simple Scrapera i dodać je do Airtable.

1:35No to teraz skopiuję ten adres i przechodzę do Insomni,

1:38z poziomu której wykonamy sobie zapytanie.

1:40Tutaj będzie mi potrzebny jeszcze sam

1:42obiekt JSON pochodzący bezpośrednio z Simple Scrapera.

1:45Nasze zapytanie jest gotowe, więc jeszcze aktywuje nasz scenariusz.

1:51No i teraz nic nie stoi na przeszkodzie, aby wykonać zapytanie.

1:55Dane zostały tutaj dostarczone, a ja mogę

1:58połączyć się z Airtable, aby utworzyć tutaj kolejne rekordy.

2:02Na tym etapie wystarczy po prostu

2:03przypisać odpowiednie właściwości do odpowiednich kolumn.

2:07I tak naprawdę na ten moment widzę, że zabrakło mi pola URL.

2:14Pole zostało dodane i aby uzyskać o nim

2:17informacje w integromacie, muszę po prostu raz jeszcze wczytać ten moduł.

2:20URL jest już dla nas dostępny, więc wystarczy, że powiąże to pole oraz

2:24na tym etapie mogę po prostu zapisać ten

2:26scenariusz, a następnie uruchomić Webhook.

2:29No i w tym momencie jestem gotowy do tego, aby raz jeszcze wykonać to zapytanie i

2:33jeżeli za chwilę wrócimy do Airtable powinny pojawiać się tutaj artykuły.

2:38Rzeczywiście tak dokładnie się dzieje i w zasadzie jedyne co mnie teraz interesuje

2:42to uzupełnienie tych dwóch dodatkowych kolumn.

2:45Problem jednak polega na tym, że z poziomu listy artykułów nie są one dostępne.

2:50Są one za to dostępne dopiero po przejściu na konkretny artykuł.

2:53Ale dobra wiadomość jest taka, że

2:55struktura tej strony jest dokładnie taka sama dla każdego artykułu.

2:59No to skoro sama struktura jest taka sama, to wystarczy ponownie uruchomić Simple

3:03Scraper i tylko wybrać tutaj okładkę, oraz samą treść.

3:08Problem jednak polega na tym, że jeżeli zaznaczę treść tego artykułu, to tutaj na

3:12dole zostanie zaznaczona również sekcja pozostałe artykuły.

3:16Wynika to prawdopodobnie z budowy tej

3:18strony, ale ostatecznie nie mam z tym problemu, ponieważ mogę wybrać tutaj opcję

3:22Only this do tego, aby zaznaczyć tylko tą pierwszą sekcję.

3:25Zatem zapisuję zmiany i sprawdzam teraz wyniki.

3:29Wygląda na to, że rzeczywiście otrzymaliśmy tutaj zawartość oraz okładkę.

3:33Natomiast, natomiast szczerze mówiąc mam z tym mały problem.

3:36Mianowicie po pierwsze mam tutaj

3:37informację tylko o jednym artykule, a dodatkowo nawet gdybym miał tu informacje

3:41na temat wszystkich artykułów, no to w jaki sposób powiąże konkretne

3:45zawartości okładki z odpowiadającymi im artykułami?

3:48Okazuje się, że w tym celu możemy po prostu skopiować adresy URL wszystkich

3:52artykułów, a następnie na podstawie tego przepisu teraz zapiszę

3:57po prostu wykorzystamy Simplescraper do tego, aby przeszedł przez wszystkie te adresy.

4:02Zatem zapisuję tutaj teraz ustawienia i ta

4:04konfiguracja zapisała się teraz tutaj po lewej stronie.

4:08W tym momencie wystarczy, że przejdę do

4:09zakładki Crawl, a następnie wkleję wszystkie adresy do naszych artykułów.

4:14Teraz wystarczy tylko uruchomić tą

4:16automatyzację, no i po chwili powinniśmy mieć wyniki.

4:20Wygląda na to, że automatyzacja została

4:22wykonana i w zakładce Results mamy wszystkie informacje, a nawet kilka

4:26dodatkowych, które dotyczą naszych artykułów.

4:28Zatem tutaj ponownie skopiujemy sobie całą

4:30zawartość pliku JSON i przekażemy go do Insomni.

4:36Jeżeli teraz wrócimy sobie do naszej automatyzacji i na razie ją wyłączymy, a

4:40następnie uruchomimy tylko ten pierwszy moduł, no to po wykonaniu zapytania możemy

4:44podejrzeć czy rzeczywiście wszystko poszło tutaj ok.

4:47Wygląda na to, że mamy informacje na temat naszego pierwszego artykułu i znajduje się

4:52tutaj zarówno jego zawartość, jak i link do okładki oraz link do samego artykułu.

4:57Także nasza automatyzacja w tym momencie będzie wyglądała nieco inaczej.

5:01Mianowicie będziemy musieli w pierwszej kolejności odnaleźć rekord na podstawie

5:05adresu URL, a dopiero potem go zaktualizować.

5:09Także wybieram odpowiednią bazę oraz

5:10tabelę i ustawiam formułę w następujący sposób.

5:14Wybieram kolumnę URL, ponieważ dokładnie

5:16tutaj przechowywany jest adres do artykułu i upewniam się, że jej wartość ustawiona

5:21jest na wartość adresu URL przekazanego razem z Webhookiem.

5:25Następnie interesuje mnie tutaj wzmocnienie tylko jednego wyniku

5:29i w następnym kroku chcę zaktualizować rekord, który został odnaleziony.

5:33Ponownie łączę się z odpowiednią bazą oraz tabelą no i to co nas tutaj interesuje to

5:38przekazanie identyfikatora oraz zawartości tekstowej, no i samego obrazka.

5:44Wygląda na to, że tak przygotowana automatyzacja zadziała nam poprawnie, więc

5:48ponownie ją zapisuję oraz aktywuje i raz jeszcze wykonuje zapytanie.

5:55Zapytanie zostało wysłane i mogę teraz

5:57wrócić do Airtable i zobaczyć co tutaj tutaj dokładnie się dzieje.

6:02Wygląda na to, że wszystkie informacje zostały zapisane tutaj poprawnie.

6:05Natomiast jedna rzecz mnie tutaj niepokoi.

6:08Mianowicie w przypadku artykułu 10

6:10sposobów na zoptymalizowanie procesu zakupowego mam tutaj rozpoczętą treść od

6:14liczby i szczerze mówiąc jest to dość nienaturalne.

6:17Natomiast jeżeli przejdziemy sobie do tego

6:19artykułu, to zobaczymy, że rzeczywiście mamy tutaj po prostu listę dziesięciu

6:23aktywności, które możemy podjąć w celu optymalizacji procesu zakupowego.

6:28Zatem wygląda na to, że wszystko się tutaj zgadza.

6:30Oczywiście ten konkretny przykład teoretycznie można byłoby wykonać ręcznie

6:34i prawdopodobnie zajęłoby to porównywalną ilość czasu.

6:37Natomiast jednocześnie trzeba przyznać, że w momencie, gdyby tych artykułów było

6:41odpowiednio więcej, no to problem nie byłby już taki oczywisty do rozwiązania.

6:45Z tego powodu, jak widzisz, wykorzystanie

6:47automatyzacji oraz wszystkich poznanych technik oraz narzędzi pozwolił nam na

6:52zorganizowanie nawet jednorazowych automatyzacji w taki sposób,

6:55aby dane pobrały się dla nas praktycznie automatycznie.

6:58Oczywiście tutaj chciałbym zwrócić jeszcze uwagę na pewną rzecz.

7:02Mianowicie treść tych artykułów została tutaj zinterpretowana jako zwykły tekst.

7:06Straciliśmy tutaj możliwość formatowania, pogrubienia oraz linkowania.

7:11No i właśnie w takich sytuacjach musimy albo iść na kompromis, albo poszukać bardziej

7:14zaawansowanych narzędzi, które pozwolą nam pobrać kod HTML ze strony.

7:19Dla przykładu pokażę Ci teraz taki ogólny flow, które można tutaj wykorzystać.

7:23Mianowicie chodzi o wykorzystanie modułu HTTP Make a request do tego, aby wykonać

7:27zapytanie typu GET na adres artykułu i w wyniku takiego działania otrzymamy całą

7:32zawartość tekstową, a konkretnie kod HTML tej strony.

7:36Rzeczywiście taki kod się tutaj znajduje i

7:38gdzieś wewnątrz tych znaczników znajduje się zawartość naszego artykułu.

7:42Aby ją wyciągnąć z poziomu integromatu,

7:44możemy wykorzystać wyrażenie regularne, które pobierze nam wszystkie znaki

7:48znajdujące się wewnątrz określonego elementu HTML.

7:52Ten konkretny element HTML pobrałem w taki sposób, że przechodząc do strony, kliknąłem

7:57po prostu prawym przyciskiem myszy i wybrałem inspect lub też zbadaj element.

8:02Dzięki temu zostały uruchomione narzędzia developerskie Google.

8:05Wewnątrz tutaj mogę wybrać konkretnie interesujący mnie fragment.

8:09Tutaj rzeczywiście widzę, że chodzi o div o klasie Long Content Center,

8:13także dokładnie tą informację przekazałem w tym miejscu.

8:16Dodatkowo zaznaczyłem tutaj właśnie z pomocą wyrażeń regularnych, że interesuje

8:20mnie pobranie dowolnego znaku znajdującego się pomiędzy początkiem i

8:25końcem znacznika div zawierającego wspomnianą klasę.

8:28No i teraz skoro mam tutaj już zawartość HTML, muszę ją przetransformować do

8:33składni markdown, która jest interpretowana przez Airtable.

8:37W tym przypadku oczywiście mógłbym

8:38wykorzystać tutaj dynamiczną zawartość wygenerowaną przez poprzedni moduł.

8:42I tak w zasadzie zrobimy.

8:45A następnie rezultat, który zostanie

8:46zwrócony tutaj mogę przekazać bezpośrednio do Airtable.

8:51Jeżeli teraz wykonamy sobie ten scenariusz, to

8:54zostaną pobrane informacje na temat naszego jednego, konkretnego artykułu.

8:58I tutaj już widzimy, że rzeczywiście

9:00pojawiła się tutaj odpowiednia składnia i zachowaliśmy pełne formatowanie.

9:04Oczywiście pamiętaj proszę o tym, że to co pokazałem już na samym końcu jest dość

9:09zaawansowanym przykładem wykorzystania automatyzacji, która jednocześnie wymaga

9:13trochę wiedzy programistycznej oraz też trochę kombinowania związanego chociażby

9:17z wyrażeniami regularnymi czy obsługą znaków specjalnych.

9:21Tak czy inaczej na ten moment nasze zadanie zostało spełnione i

9:25wykorzystaliśmy automatyzację do tego, aby przygotować automatyzację

9:29i tym samym sprawić, że wszystkie dane na temat naszych artykułów z bloga eastcart

9:33mogą już zostać wykorzystane w automatyzacji np.

9:36newslettera czy chociażby w procesie Content reuse.

9:40W tym momencie dziękuję Ci za uwagę i zapraszam Cię do kolejnych materiałów.