Jak automatycznie zamienić tweety w inspirujące obrazy [Samouczek]

Twitter jest doskonałym źródłem treści dla niezliczonych profesjonalistów z różnych branż.

Menedżerowie mediów społecznościowych, osoby wpływowe, media i firmy PR często cytują tweety z kont, które śledzą, aby informować odbiorców i angażować ich w różne tematy.

Jednak cytowanie tweetów nie zawsze jest prostym zadaniem.

Przede wszystkim zajmijmy się słoniem w pokoju: większość ludzi robi zrzuty ekranu podczas cytowania tweetów, a wynik nie jest dokładnie estetycznym cudem.

Nierzadko zdarza się, że firmy angażują projektantów w tym momencie, ponieważ przesłanie zrzutu ekranu z tweeta nie obniży standardów projektowych. Innymi słowy, czasami musisz upiększyć te tweety, zanim je udostępnisz.

Innym razem problem ten wykracza poza gust i staje się wyzwaniem technicznym.

Pomyśl na przykład o udostępnieniu tweeta na Instagramie. Ponieważ układy treści na Twitterze i Instagramie są różne (pierwszy jest poziomy, drugi pionowy), zrzuty ekranu tweetów po prostu nie pasują do postów na Instagramie.

udostępnianie-tweetów-do-instagram-fit

Wreszcie pojawia się problem czasu i zasobów.

Być może jesteś już świadomy problemów, ale nie możesz na nie wydawać zbyt wiele. A może już wydajesz na nie za dużo i chcesz zmniejszyć obciążenie.

Biorąc pod uwagę wszystkie powyższe, pokażemy, jak automatycznie zamienić tweety w obrazy wysokiej jakości .

W ten sposób będziesz mieć dostęp do dużej liczby zasobów wizualnych do wykorzystania w mediach społecznościowych, blogach, biuletynach, kampaniach e-mailowych i tak dalej.

Zanim przejdziemy do samouczka, poświęćmy chwilę, aby zobaczyć, jak działa to rozwiązanie i co będzie potrzebne do jego utworzenia.

Zamień tweety w obrazy bez kiwnięcia palcem

Ten samouczek będzie wymagał integracji trzech różnych aplikacji za pomocą Integromatu, a mianowicie:

  • Świergot
  • Szablon API
  • dysk Google

Aby to zadziałało, będziesz potrzebować kont dla każdego z nich, a także konta Integromat (a ponieważ Twitter jest jedyną aplikacją premium na Integromacie, musi być płatna ).

Integracja działa w następujący sposób:

  • Najpierw ogląda tweety podanego konta (w naszym przykładzie obejrzymy tweety Elona Muska)
  • Po drugie, filtruje tweety zgodnie z określonymi przez Ciebie kryteriami (jest to opcjonalne; w naszym przykładzie Integromat przetworzy tylko tweety zawierające słowa „spacja” i/lub „Mars”)
  • Następnie konwertuje zawartość tweetów na atrakcyjne wizualnie obrazy za pomocą APITemplate
  • Na koniec pobiera powstałe obrazy i przechowuje je w folderze Dysku Google

Więc następnym razem, gdy będziemy musieli zacytować Elona Muska omawiającego przestrzeń lub Marsa, po prostu przejdziemy do folderu Dysku Google i pobierzemy go. Całkiem fajnie, prawda?

Teraz przejdźmy do działania i dowiedzmy się, jak przekształcić tweety w obrazy, które możesz udostępnić.

Krok 1: Zdobywanie tweetów

Pierwszym celem tego scenariusza Integromat jest monitorowanie Twittera i pobieranie postów utworzonych przez konkretnego użytkownika (jeśli chcesz monitorować wiele kont, możesz sklonować scenariusz dowolną liczbę razy; więcej na ten temat później).

Aby to osiągnąć, utwórz nowy scenariusz z pulpitu nawigacyjnego Integromat i dodaj do niego moduł „ Twitter > Oglądaj tweety ”.

integromat-scenariusz-dodaj-obserwuj-tweety-moduł

Gdy to zrobisz, pojawi się okno konfiguracji tego modułu.

Tutaj utwórz nowe połączenie ze swoim kontem na Twitterze, klikając przycisk „ Dodaj ” obok pola „ Połączenie ”.

Wprowadź wybraną nazwę połączenia i kliknij „ Kontynuuj ”, aby kontynuować. Postępuj zgodnie z instrukcjami w wyskakującym oknie, aby nawiązać połączenie.

integromat-scenariusz-zegarek-tweety-podłączenie-modułu

Po połączeniu kont Twitter i Integromat, wprowadź nazwę konta Twitter konta, które chcesz oglądać w polu „ Nazwa ekranu ”.

Na koniec w polu „ Limit ” możesz wprowadzić liczbę nowych tweetów, które zostaną pobrane za każdym razem, gdy scenariusz zostanie wykonany.

Integromat-scenariusz-zegarek-tweety-konfiguracja-modułu

Krok 2: Konfiguracja modułu APITemplate

Po skonfigurowaniu modułu Twittera następnym krokiem jest wygenerowanie obrazu z danymi pobranymi z tweeta.

W tym celu skorzystamy z modułu APITemplate „Create an Image”.

integromat-scenariusz-apitemplate-utwórz-moduł-obrazu

Pamiętaj, że zanim będziesz mógł skonfigurować ten moduł, musisz zarejestrować konto APITemplate. Aplikacja ma bezpłatny abonament , który pozwoli Ci generować do 50 zdjęć z tweetów każdego miesiąca.

apitemplate-account-dashboard

Po utworzeniu konta APITemplate przejdź do strony Integracja API.

Tutaj zobaczysz swój klucz API, który będzie potrzebny do nawiązania połączenia między Integromat a APITemplate. Skopiuj go i wklej gdzieś – przyda Ci się za chwilę!

Apitemplate-api-key

W panelu konta APITemplate kliknij przycisk „ Nowy szablon ”, aby utworzyć nowy szablon.

apitemplate-utwórz-nowy-szablon

Tutaj możesz wybrać szablon dla swoich obrazów, nadać mu nazwę i zdefiniować rozmiar obrazu.

W tym przykładzie wybierzemy szablon z żółtym tłem, nazwiemy go „Tweet” i ustawimy rozmiar na 1080×1080 (czyli rozmiar typowego posta na Instagramie).

Na koniec kliknij „ Utwórz ”, aby kontynuować.

apitemplate-nowy-szablon-ustawienia

Po wykonaniu tej czynności kliknij „ Uruchom edytor obrazów ”, aby go dostosować.

apitemplate-launch-image-editor

Edytor obrazów jest podobny do większości narzędzi do edycji obrazów, więc możesz już znać układ.

edytor obrazów-apitemplate

Każdy element, który dodasz do obrazu, możesz edytować bezpośrednio ze scenariusza Integromatu, co zobaczysz na późniejszym etapie.

Sposób, w jaki można uzyskać dostęp do tych elementów w Integromacie, zależy od ich nazwy warstwy.

apitemplate-edytor-obrazów-nazwa-warstwy

Klikając na każdą warstwę obrazu, po prawej stronie zobaczysz jej właściwości.

Na przykład możesz kliknąć tekst na obrazie, w którym powinien być wyświetlany uchwyt Twitter użytkownika, i zmienić nazwę warstwy na twitter_handle (pierwotnie nazwana text_twitter).

apitemplate-image-editor-layer-właściwości

Można zrobić to samo dla warstwy twitter_name (pierwotnie nazwany TEXT_NAME).

Na koniec możesz usunąć warstwy, które nie są przydatne, takie jak footer_text i line_1 .

apitemplate-image-editor-layers

Gdy szablon będzie gotowy, pozostaw otwarty edytor obrazów i wróć do swojego scenariusza Integromat.

Następnie kliknij moduł APITemplate, aby otworzyć jego okno konfiguracji, a następnie kliknij przycisk „ Dodaj ” obok pola połączenia.

Tutaj musisz wkleić skopiowany wcześniej klucz API.

Gdy to zrobisz, kliknij przycisk „ Kontynuuj ”, aby nawiązać połączenie z kontem APITemplate.

integromat-scenariusz-apitemplate-połączenie

Teraz nadszedł czas, aby poinstruować moduł APITemplate, w jaki sposób chcesz zmodyfikować utworzony wcześniej szablon obrazu, aby zawierał dane pobrane z posta na Twitterze.

Przełącz się z powrotem do edytora obrazów APITemplate i przejdź do zakładki „Zapier/Integromat/N8n”.

Tutaj zobaczysz listę wszystkich warstw i właściwości, które posiada twój obraz. Właściwości warstwy to po prostu elementy, które można na niej edytować.

Na przykład można edytować wartość tekstu na warstwie zawierającej pole tekstowe, a także kolor tekstu, kolor tła, rozmiar czcionki itd. To wszystko są właściwości warstwy tekstowej.

Aby Integromat wiedział, które właściwości każdej warstwy chcesz edytować, musisz skopiować właściwość i wkleić ją do modułu jako parę klucz-wartość.

Kluczem jest właściwość, a wartością jest, pamiętając o nadmiarowości, wartość, jaką ma mieć ta właściwość.

apitemplate-image-template-properties

W tym przykładzie będziemy przekazywać dane do następujących właściwości:

  • image_profile.src , który będzie równy adresowi URL zdjęcia profilowego użytkownika Twittera
  • text_content.text , który będzie równy treści tweeta
  • twitter_name.text , która będzie równa nazwie użytkownika Twittera
  • twitter_handle.text , który będzie równy uchwytowi użytkownika Twittera

apitemplate-image-szablon-lista-wlasciwosci

apitemplate-image-szablon-lista-wlasciwosci

Aby dodać nową parę klucz-wartość właściwości w module APITemplate, wystarczy kliknąć przycisk „ Dodaj element ” pod polem „ Pary klucz-wartość ”.

Najpierw wklej z szablonu obrazu właściwość, którą chcesz zmodyfikować. Zacznijmy od twitter_content.text .

integromat-scenariusz-apitemplate-pary-kluczy-wartości

Następnie musisz wprowadzić wartość, jaką ta właściwość będzie miała po wykonaniu scenariusza.

Ponieważ celem jest dynamiczne tworzenie obrazu przy użyciu danych pobranych z poprzedniego modułu Twittera, użyjemy procesu zwanego mapowaniem danych.

Jeśli klikniesz pole „ Wartość ”, pojawi się okno. Tutaj zobaczysz listę ze wszystkimi elementami danych pobranymi z modułu Twittera.

W przypadku właściwości text_content.text musisz zmapować element danych „ Tekst ” z modułu „ Oglądaj tweety ”. Po prostu kliknij na niego, a zostanie zmapowany.

integromat-scenariusz-apitemplate-tekst-treść-mapping

Powtórz ten sam proces, dodając kolejny element do „Par klucz-wartość”.

Dodaj klucz twitter_name.text i zmapuj element danych „ Name ” (znajdujący się w kolekcji User) na pole „ Value ”.

integromat-scenariusz-apitemplate-twitter-mapowanie-nazwy

Następnie zrób to samo z właściwością twitter_handle.text.

Tym razem zmapuj element danych „Nazwa ekranu ” (znajdujący się w kolekcji Użytkownik) na pole „ Wartość ”.

integromat-scenariusz-apitemplate-twitter-handle-mapping

Na koniec powtórz proces jeszcze raz z właściwością image_profile.src.

Tym razem zamapuj element danych „Adres URL obrazu profilu ” (znajdujący się w kolekcji Użytkownik).

integromat-scenariusz-apitemplate-mapowanie-profilu-obrazu

Teraz, gdy „Pary klucz-wartość” są zmapowane, ostatnim krokiem jest wybranie szablonu, który chcesz zmodyfikować.

Po prostu kliknij pole rozwijane „ Identyfikator szablonu ” i wybierz swój szablon.

integromat-scenariusz-apitemplate-wybór-szablonu

Świetny! Moduł APITemplate jest teraz gotowy.

Po wykonaniu scenariusza ten moduł otrzyma dane posta na Twitterze i przekaże je do serwera APITemplate, gdzie zostanie wygenerowany obraz na podstawie utworzonego wcześniej szablonu.

Po wygenerowaniu tego obrazu moduł wygeneruje adres URL obrazu, którego należy użyć, aby pobrać obraz do scenariusza Integromat, który następnie prześle go na Dysk Google.

Krok 3: Filtrowanie tweetów

W tym kroku uwzględnimy filtr, więc scenariusz generuje tylko obrazy dla tweetów, które spełniają określone kryteria.

Robimy to z prostego powodu: jeśli tego nie zrobimy, nasz scenariusz wygeneruje obrazy dla każdego tweeta, na którym śledzimy posty, co prawdopodobnie zaowocuje wieloma bezużytecznymi obrazami w dalszej kolejności.

Tak więc, aby przefiltrować tweety, kliknij ikonę narzędzia, która pojawia się między modułem Twitter a modułem APITemplate w scenariuszu.

Nazywa się to filtrem i po kliknięciu na jego okno konfiguracji pojawi się.

Tutaj możesz określić warunki, które chcesz spełnić, aby tweety przeszły przez filtr.

W naszym przykładzie odfiltrujemy tweety Elona Muska, które dotyczą projektów kosmicznych. Aby to zrobić, musimy wprowadzić dwa warunki: Element danych „ Tekst ” zawiera słowa „ spacja ” lub słowo „ Mars ”.

Zobacz obrazek poniżej w celach informacyjnych:

filtr-przestrzeń-tweety

Po skonfigurowaniu filtra kliknij „ OK ” i przejdź do następnego kroku.

Krok 4: Konfiguracja modułu HTTP

Aby pobrać obraz do swojego scenariusza, musisz użyć modułu „ HTTP > Pobierz plik ”.

integromat-scenariusz-http-pobierz-plik-moduł

Po dodaniu go do scenariusza po prostu zmapuj element danych „ Download URL ” (lub Download URL PNG) z modułu APITemplate.

integromat-scenariusz-http-pobierz-plik-konfiguracja-modułu

I to wszystko, czego potrzebujemy od tego modułu. Przejdźmy teraz do ostatniego fragmentu tego scenariusza.

Krok 5: Konfiguracja modułu Dysku Google

Wreszcie nadszedł czas, aby przesłać wygenerowany obraz na Dysk Google.

Aby to zrobić, musisz dodać do swojego scenariusza moduł „Dysk Google > Prześlij plik”.

integromat-scenario-google-drive-upload-a-file-module

W oknie konfiguracji będziesz musiał nawiązać nowe połączenie z kontem Google.

Google ma obecnie pewne ograniczenia, które wymagają wygenerowania niestandardowego klienta OAuth, aby umożliwić Integromat interakcję z Twoimi usługami Google (w tym Dyskiem Google).

Aby to osiągnąć i ustawić połączenie z Dyskiem Google, postępuj zgodnie z tym przewodnikiem .

Po nawiązaniu połączenia należy skonfigurować moduł, jak pokazano poniżej.

Wybierz opcję „Wybierz z listy ” w polu „ Wprowadź identyfikator folderu ”. To pozwoli ci wybrać „ Mój dysk ”, a także folder w przestrzeni Dysku Google, w którym chcesz przechowywać wygenerowane obrazy.

integromat-scenario-google-drive-upload-a-file-module-konfiguracja

Jako źródło pliku obrazu musisz wybrać opcję „ HTTP — Pobierz plik ”, ponieważ jest to moduł, który pobrał obraz z APITemplate.

Na koniec możesz kliknąć opcję „ Pokaż ustawienia zaawansowane ” i wprowadzić niestandardowy wzór nazwy dla plików graficznych.

Na przykład możesz dynamicznie przekazać element danych Twittera „Nazwa ekranu ” do nazwy pliku, aby móc łatwo wyszukiwać cytaty konkretnych użytkowników Twittera, gdy pliki graficzne znajdą się na Dysku Google.

integromat-scenario-google-drive-upload-a-file-module-data-mapping

Gratulacje! Scenariusz jest gotowy. Możesz iść dalej, zapisać go, a następnie kliknąć przycisk „ Uruchom raz ”, aby go wykonać.

integromat-scenariusz-zapisz-i-uruchom-raz

Jeśli Twój scenariusz zakończy się pomyślnie, nowy obraz zostanie przesłany na Twój Dysk Google z najnowszym postem użytkownika Twittera, którego monitorujesz.

google-drive-nowy-przesłany-plik

Aby wykonać ten scenariusz automatycznie, możesz edytować ustawienia harmonogramu, klikając ikonę zegara obok modułu Twitter.

Pojawi się okno, w którym możesz zdefiniować harmonogram realizacji scenariusza.

Gdy to zrobisz, możesz kliknąć przełącznik „ Planowanie ” w lewym dolnym rogu, aby włączyć scenariusz.

integromat-scenariusz-opcje-planowania

Końcowe przemyślenia i wyniki

To rozwiązanie pozwoli Ci automatycznie tworzyć cytaty z tweetów, co jest przydatne, gdy potrzebujesz treści z różnych źródeł (takich jak wschodzący przedsiębiorcy, liderzy myśli, politycy) przekształconych w dobrze wyglądające obrazy.

Więc zamiast tkwić w tym:

oryginalny-elon-musk-tweet

Otrzymasz obraz podobny do poniższego:

elon-musk-tweet-image

Innymi słowy, pozwoli to jednocześnie poprawić jakość treści i zoptymalizować alokację zasobów.

Za każdym razem, gdy potrzebujesz obrazu, aby przekazać tweet w estetyczny sposób, wystarczy przejść na Dysk Google, a będzie gotowy.

Podsumowując, jeśli interesuje Cię automatyzacja Twittera, gorąco polecamy nasze poprzednie artykuły o tym, jak zautomatyzować powiadomienia na Twitterze i jak monitorować wzmianki o marce na Twitterze .

Miłej automatyzacji!