Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Widżet Google Maps

1 Recenzja użytkownika | Przegląd Widżet Google Maps naszego eksperta

MarketingUżywany przez ponad 10 000 użytkowników users

Widżet Google Maps może dodać interaktywną, bogatą w funkcje mapę do dowolnej części twojej witryny. Ma mnóstwo opcji konfiguratora i może filtrować i grupować twoje pinezki, aby pomóc klientom znaleźć to, czego szukają.
Czy korzystałeś już z "Widżet Google Maps"? Add Your Review aby pomóc społeczności.

Plusy:

  • Dodaj Mapy Google do dowolnej strony, wpisu lub obszaru gotowego na widżet
  • Tworzenie nieograniczonej liczby map
  • Wiele stylów map
  • Dodawanie własnych kolorów, tekstu, efektów lightbox i nie tylko
  • Opcje grupowania i filtrowania pinezek
  • Obsługa wielu języków

Użytkownicy WPBeginner mogą zacząć już od 29 USD rocznie!

Odwiedź Widżet Google Maps

(zniżka zostanie zastosowana automatycznie)

| Reader Disclosure

Recenzja widżetu Google Maps: Właściwa wtyczka Map Google dla Ciebie?

Chcesz pomóc potencjalnym klientom znaleźć twoją lokalizację lub wyróżnić inne interesujące miejsca w witrynie internetowej WordPress?

Widżet Google Maps może być rozwiązaniem! W WPBeginner pomogliśmy niezliczonym właścicielom witryn internetowych osadzać Mapy Google na ich stronach, więc jesteśmy w idealnym miejscu, aby przetestować tę popularną wtyczkę do map.

W tej recenzji widżetu Google Maps przyjrzymy się funkcjom GMW, opcjom pomocy technicznej i cenom, aby sprawdzić, czy jest to odpowiednia wtyczka do map dla Ciebie.

Maps Widget for Google Maps review: the right maps plugin for your WordPress website?

Recenzja widżetu Google Maps: Dlaczego warto używać go w WordPress?

Czy klienci mają trudności ze znalezieniem Twojej firmy? A może chcesz zaprezentować ciekawe lokalizacje na twoim blogu WordPress?

Dzięki widżetowi Google Maps Widget (GMW) możesz dodać nieograniczoną liczbę map do swojej witryny internetowej. Możesz również dostosować te mapy, zmieniając schemat kolorów, dodając pinezki i wybierając nowy styl mapy.

An example of an embedded Google Map

Jeśli chcesz wyróżnić wiele lokalizacji, GMW może pogrupować twoje piny w klastry, a także obsługuje filtrowanie. Może to pomóc odwiedzającym znaleźć pinezkę, której szukają, co może zwiększyć sprzedaż, konwersje, a nawet osobiste przejścia na stronę.

Czy zainstalowałeś Google Analytics w WordPress? Wtedy GMW może śledzić za każdym razem, gdy ktoś kliknie mapę, dzięki czemu możesz zobaczyć, jak odwiedzający wchodzą w interakcję z twoją treścią.

Jeśli dopiero zaczynasz lub masz ograniczony budżet, możesz pobrać wersję lite GMW z WordPress.org.

The free Google Maps Widget WordPress plugin

Dzięki darmowej wtyczce możesz dodać mapę do dowolnego panelu bocznego w twoim motywie WordPress.

Jeśli jednak uaktualnisz do wtyczki premium, możesz dodać mapę do dowolnej strony, wpisu lub własnego typu treści za pomocą krótkiego kodu. W ten sposób możesz dokładnie kontrolować, gdzie mapa pojawia się na twojej witrynie internetowej WordPress.

Recenzja widżetu Google Maps: Właściwa wtyczka Map Google dla Ciebie?

Dobrze umieszczona mapa Google może pomóc odwiedzającym znaleźć twoją lokalizację, więc jest niezbędna dla sklepów stacjonarnych, studiów jogi, kawiarni i podobnych firm.

Chociaż mapę można osadzać za pomocą kodu, wtyczka Google Maps może znacznie ułatwić ten proces. Wtyczki te mogą również zawierać dodatkowe funkcje, dzięki czemu możesz dodawać swoje własne style, schematy kolorów, filtrowanie, grupy pinezek i nie tylko.

W tej recenzji widżetu Google Maps sprawdzimy, czy jest to odpowiednia wtyczka do map.

1. Łatwa konfiguracja

GMW ułatwia dodawanie Map Google do Twojej witryny internetowej WordPress. Aby rozpocząć, możesz zainstalować i włączać go tak jak każdą inną wtyczkę WordPress.

Po wykonaniu tej czynności należy wygenerować klucz API Google Maps. Na szczęście wtyczka zawiera szczegółowe informacje i odnośniki do poradników, w których znajdziesz instrukcje krok po kroku, jak wygenerować ten ważny klucz.

Adding the Google Maps API to your WordPress website using a plugin

Następnie wystarczy wpisz klucz API w ustawieniach wtyczki i możesz zacząć tworzyć własne Mapy Google.

2. Responsywność mobilna

Wszystkie mapy utworzone i umieszczone na twojej witrynie internetowej są domyślnie responsywne dla urządzeń mobilnych. Oznacza to, że na pewno będą wyglądać świetnie, bez względu na to, z jakiego urządzenia korzysta odwiedzający.

3. Zoptymalizowany pod kątem wydajności

GMW został zaprojektowany tak, aby wczytywać całą mapę Google w jednym żądaniu, w porównaniu do wielu żądań używanych przez niektóre konkurencyjne wtyczki Google Maps.

Może to poprawić wydajność twojej witryny internetowej, a według witryny internetowej GMW może zmniejszyć rozmiar wczytywanej witryny o 2 MB.

4. Dodaj nieograniczoną liczbę map

Dzięki GMW możesz utworzyć dowolną liczbę map, a następnie dodać je do dowolnej strony, wpisu lub własnego typu treści za pomocą krótkiego kodu lub widżetu.

Mapy można również dodawać do dowolnego obszaru obsługującego widżety, takiego jak stopka, panel boczny lub podobna sekcja.

Jest to idealne rozwiązanie, jeśli chcesz wyświetlać tę samą mapę na całej twojej witrynie internetowej WordPress. Na przykład, jeśli prowadzisz witrynę internetową restauracji, możesz dodać mapę do stopki, aby potencjalni klienci mogli dokładnie zobaczyć, gdzie się znajdujesz, bez względu na to, gdzie są na twojej witrynie.

Adding a map widget to your WordPress blog or website

5. Wiele stylów map

Ta wtyczka obsługuje pełną gamę stylów map Google.

An example of an interactive Google Map

Do wyboru są następujące opcje:

  • Droga. Domyślny rodzaj mapy.
  • Satelita. Pokazuje obrazek widziany z satelitów Google.
  • Hybrydowa. Łączy widok drogowy i satelitarny w jedną mapę.
  • Teren. Wyświetla obrazek mapy rzeźby terenu, przedstawiający ukształtowanie terenu i roślinność.

Alternatywnie, możesz zmniejszyć liczbę wywołań API, używając własnego obrazka mapy.

Co więcej, możesz wybierać spośród mnóstwa gotowych schematów kolorów map Google, takich jak niebieski, jasny i neonowy.

Adding a custom color scheme to a Google Map

6. Dodawanie własnych komunikatów i wezwań do działania

Dzięki tej wtyczce możesz dodać tekst nad lub pod mapą Google. Może to być na przykład dodatkowy kontekst lub wezwanie do działania, takie jak odnośnik do twojego formularza kontaktowego.

Adding text to an online map

Co więcej, GMW obsługuje kod HTML oraz krótkie kody, których używasz na swojej witrynie, dzięki czemu możesz stylizować ten tekst na wiele różnych sposobów.

Wtyczka posiada również słowo kluczowe {address}, które automatycznie zastąpi obecnym, aktualnym adresem na mapie.

7. Dostosuj własną miniaturkę mapy

GMW umożliwia dostosowanie domyślnej miniaturki mapy, w tym zmianę jej wysokości i szerokości. Pamiętaj tylko, że twój motyw WordPress może nadal zmieniać rozmiar miniaturki, aby dopasować ją do panelu bocznego.

Możesz również wyświetlić tę miniaturkę w kilku formatach, w tym PNG, GIF i JPEG. Więcej na ten temat znajdziesz w naszym przewodniku po najlepszych formatach obrazków dla WordPressa.

8. Regulowany poziom powiększenia

Podczas tworzenia miniaturki mapy można dostosować domyślny poziom powiększenia. Najniższy poziom (0) pokaże całą mapę świata, podczas gdy najwyższy poziom (24) wyświetli ulice i roślinność danej lokalizacji. W ten sposób możesz pomóc odwiedzającym uzyskać potrzebne informacje na pierwszy rzut oka. W razie potrzeby odwiedzający mogą również dostosować poziom powiększenia.

Adding an interactive map to your website, blog, or online store

9. Tworzenie wielojęzycznej mapy

Podczas tworzenia mapy można wybrać język, który będzie używany w miniaturce mapy.

Creating a multilingual map

Prowadzisz wielojęzyczną witrynę internetową WordPress? W takim razie GMW ma również automatyczne ustawienie, które zmieni język na podstawie przeglądarki użytkownika.

10. Wiele działań na mapie

Dzięki GMW możesz określić, co się stanie, gdy odwiedzający kliknie miniaturkę mapy. Na początek można otworzyć interaktywną mapę w wyskakującym okienku (okno) lightbox.

Displaying interactive maps in a lightbox popup

Nie chcesz otwierać nowego okna? W takim razie GMW może płynnie zastąpić miniaturkę mapy interaktywną mapą Google.

Inną opcją jest otwarcie wewnętrznego lub zewnętrznego adresu URL. Na przykład, jeśli mapa pokazuje twoją siedzibę, możesz przekierować odwiedzających do formularza rezerwacji wizyty w witrynie.

Alternatywnie można całkowicie wyłączyć to działanie, aby nic się nie działo, gdy użytkownik kliknie miniaturkę. Możesz też całkowicie usuwać miniaturkę mapy, aby odwiedzający widzieli interaktywną mapę zaraz po wejściu na stronę.

11. Interaktywna mapa Google

Jak już wspomniano, GMW może otworzyć interaktywną mapę Google, gdy odwiedzający kliknie twoją miniaturkę mapy. Mapa ta może zastąpić miniaturkę w treści strony lub otworzyć się w wyskakującym okienku (okno) lightbox.

An example of an interactive map, created using GMW

Niezależnie od używanej metody, mapa ma wszystkie funkcje, których można oczekiwać od Map Google. Obejmuje to możliwość wyszukiwania lokalizacji, uzyskiwania wskazówek dojazdu, uzyskiwania dostępu do widoku ulicy i zmiany poziomu powiększenia.

Jeśli zdecydujesz się otworzyć interaktywną mapę w wyskakującym okienku lightbox, możesz zmienić jego rozmiar lub wybrać wyskakujące okienko pełnoekranowe.

Można również wybrać jedną z kilku gotowych skórek (okno) lightbox, które zmieniają wygląd i sposób działania samego lightbox, nie zmieniając w żaden sposób treści mapy.

How to add lightboxes to your website, blog, or online marketplace

Możesz również wybrać sposób, w jaki odwiedzający opuści lightbox, np. naciskając klawisz „Esc” na klawiaturze lub klikając dedykowany przycisk „Zamknij”.

12. Importowanie schematów kolorów

GMW zawiera kilka wbudowanych schematów kolorów lub możesz importować swój własny. Aby rozpocząć, wystarczy stworzyć unikatowy styl za pomocą kreatora map online, takiego jak Snazzy Maps.

Creating a custom map style using an online tool

Po wykonaniu tej czynności można skopiować/wkleić kod stylu do GMW. Należy tylko pamiętać, że własne konfiguratory można stosować tylko do domyślnego rodzaju mapy „Droga”.

13. Projektowanie unikatowych stylów pinów

Często będziesz chciał wyróżnić określone lokalizacje za pomocą pinezki. Aby nadać twojej mapie unikatowy charakter, możesz zmienić domyślne pinezki, wybierając nowy kolor, rozmiar, etykietę i styl. Aby ci pomóc, GMW ma bibliotekę ponad 1500 pinezek, z których możesz wybierać, lub możesz użyć twojej własnej grafiki.

Adding location markers to an online map

Jest to wszystko, czego potrzebujesz, aby stworzyć unikatowe piny, które przyciągną uwagę odwiedzających, lub piny, które idealnie pasują do twojego brandingu i motywu WordPress. Należy tylko pamiętać, że własne konfiguratory obrazków nie będą działać, jeśli używasz GMW na localhost lub serwerze HTTPS.

14. Pokaż wiele pinów na mapę

GMW umożliwia dodawanie wielu pinezek do tej samej mapy, więc jest to idealne rozwiązanie, jeśli prowadzisz wiele biur, sklepów lub innych lokalizacji. Możesz również pomóc odwiedzającym znaleźć najbliższą atrakcję turystyczną, restaurację lub inne miejsca, na które mogą chcieć przejść.

Podczas dodawania pinezki można wyświetlić ją tylko na miniaturce mapy lub na mapie interaktywnej. Można na przykład wyświetlić wiele pinezek na interaktywnej mapie w trybie pełnoekranowym, ale mniej pinezek na miniaturce, aby nie wyglądała na zbyt zagraconą.

15. Tworzenie własnych działań związanych z pinami

Dzięki GMW możesz dokładnie kontrolować, co dzieje się, gdy odwiedzający kliknie pinezkę. Na początek możesz otworzyć własny dymek opisu zawierający więcej informacji. Na przykład, jeśli prowadzisz witrynę firmy turystycznej, możesz podzielić się kilkoma przydatnymi wskazówkami na temat przejścia na każdą lokalizację.

Alternatywnie można otworzyć adres URL w obecnej, aktualnej karcie lub w nowej karcie. Może to być przydatne w przypadku promowania lokalizacji lub miejsc. Na przykład, twój blog fitness może zawierać odnośnik do witryny internetowej każdej siłowni, której funkcja jest zaznaczona na mapie Google.

16. Grupowanie pinów

Jeśli używasz wielu pinezek, twoje mapy mogą zacząć wyglądać na zagmatwane i zaśmiecone, zwłaszcza jeśli wszystkie te pinezki znajdują się w tym samym obszarze.

Na szczęście GMW może grupować piny na podstawie ich odległości od obecnego, aktualnego widoku. Zamiast pokazywać wiele pinezek blisko siebie, wtyczka pokaże pojedynczy znacznik z liczbą pinezek zgrupowanych pod nim.

Clustered pins on a Google Map

Gdy odwiedzający powiększy obraz, GMW automatycznie rozszerzy ten pojedynczy pin, aby pokazać wszystkie znaczniki w tym klastrze.

Co więcej, dzieje się to automatycznie, więc wystarczy włączyć tę funkcję, a GMW zajmie się resztą.

17. Uporządkuj swoje pinezki lokalizacji

Domyślnie GMW pokazuje każdy pojedynczy pinezkę, co może wyglądać na zagracone lub mylące, jeśli twoja mapa ma wiele znaczników.

Mając to na uwadze, z przyjemnością dowiesz się, że GMW obsługuje filtrowanie pinezek. Wystarczy dodać etykietę podczas tworzenia pinezki, a GMW zorganizuje wszystkie te pinezki w tę samą grupę. Dzięki temu odwiedzający mogą filtrować twoje piny, po prostu zaznaczając odpowiednie pole.

How to create filterable location markers for your WordPress website

Możesz utworzyć dowolną liczbę nazw grup. Funkcja ta może pomóc odwiedzającym znaleźć lokalizację, której szukają, nawet jeśli twoja mapa zawiera mnóstwo różnych pinezek.

18. Importowanie danych pinów

Chcesz dodać mnóstwo pinezek do mapy? Na przykład, możesz prowadzić bloga podróżniczego i chcieć wyróżnić wszystkie najlepsze miejsca do jedzenia w danym mieście lub nawet kraju.

Ręczne dodawanie każdego pinu zajęłoby dużo czasu i wysiłku. Mając to na uwadze, z przyjemnością dowiesz się, że GMW ma opcję importowania. Umożliwia ona importowanie nieograniczonej liczby adresów do widżetu, a następnie tworzenie pinezek dla wszystkich tych lokalizacji.

Aby pomóc, zespół GMW stworzył przykładowy plik, który zawiera wszystkie formatowania i kolumny potrzebne do importowania informacji o pinezkach.

Importing multiple geographical markers into an interactive map

Wystarczy zaktualizować ten arkusz kalkulacyjny o twoje własne lokalizacje, a następnie importować go do GMW.

Alternatywnie można po prostu skopiować/wkleić te sformatowane dane do ustawień wtyczki.

19. Śledzenie za pomocą Google Analytics

Czy zainstalowałeś Google Analytics na twojej witrynie internetowej WordPress? Wtedy GMW może śledzić za każdym razem, gdy ktoś kliknie miniaturkę lub otworzy interaktywną mapę. Pozwala to zobaczyć, w jaki sposób ludzie wchodzą w interakcję z twoimi mapami i które mapy są najbardziej zaangażowane.

How to track your Google Maps using Google Analytics

Co więcej, funkcja ta jest w pełni zgodna [może być też „kompatybilna”] ze wszystkimi rozwiązaniami Google Analytics i wersjami kodu śledzenia GA.

20. Narzędzia do importowania i eksportowania

Czy prowadzisz wiele witryn, np. kilka blogów w sieci marketingu afiliacyjnego?

W takim przypadku możesz chcieć używać tych samych map, pinezek i ustawień w wielu witrynach internetowych. Zamiast ręcznie odtwarzać te mapy Google, możesz wyeksportować wszystkie widżety utworzone za pomocą GMW.

An example of an import / export tool for a WordPress website

Następnie można importować ten plik .txt na dowolną inną witrynę internetową, na której zainstalowano GMW. Co więcej, ten import nie zastąpi żadnych widżetów GMW na nowej witrynie internetowej.

21. Społeczność i pomoc techniczna

GMW ułatwia uzyskanie klucza API Map Google, a następnie dodanie map do dowolnej strony, wpisu lub obszaru gotowego na widżet. Wtyczka ma jednak mnóstwo opcji konfiguratora, a także dodatkowe funkcje filtrowania i grupowania. Mając to na uwadze, w pewnym momencie możesz potrzebować dodatkowej pomocy z GMW.

Na początek dostępna jest dokumentacja online, do której można uzyskać dostęp 24/7. Obejmuje ona wszystko, czego potrzebujesz, aby dodać interaktywne mapy do WordPressa, wraz z przewodnikami na temat poprawek typowych błędów WordPressa, które możesz napotkać podczas korzystania z GMW.

Poza tym istnieje blog, na którym zespół GMW omawia szereg tematów, w tym jak korzystać z Google Maps, aby poprawić SEO WordPressa i rozwinąć Twój biznes online.

An example of a WordPress blog

Jeśli korzystasz z darmowej wtyczki GMW, możesz wpisać się na forum Google Maps Widget na WordPress.org i uzyskać odpowiedzi na podstawowe pytania.

Wpisy na forach wsparcia technicznego powinny zawierać jak najwięcej informacji. Pomoże to zespołowi GMW zrozumieć twój problem i wpisać pomocną odpowiedź. Więcej informacji na ten temat można znaleźć w naszym przewodniku na temat tego, jak prawidłowo poprosić o pomoc techniczną WordPress.

Jeśli kupisz wtyczkę GMW premium, otrzymasz również dostęp do pomocy technicznej przez e-mail, dzięki czemu możesz uzyskać pomoc bezpośrednio od ekspertów.

Recenzja widżetu Google Maps: Ceny i plany

Jeśli dopiero zaczynasz lub masz ograniczony budżet, możesz pobrać lite wersję Google Maps Widget za darmo. Ta wtyczka może dodać mapę do dowolnego obszaru gotowego na widżet i ma mnóstwo opcji dostosowywania.

Jeśli jednak chcesz odblokować zaawansowane funkcje, takie jak integracja z Google Analytics, pomoc techniczna dla wielu pinezek i krótkie kody, musisz zaktualizować wtyczkę do wersji premium.

The Google Maps Widget pricing and plans

Bez względu na wybrany plan, otrzymasz pełny zestaw funkcji widżetu Map Google. Istnieją jednak pewne kluczowe różnice między planami:

  • Pro Personal. Za 29 USD rocznie można zainstalować GMW na pojedynczym blogu WordPress, witrynie internetowej lub sklepie internetowym.
  • Pro Lifetime. Wolisz dokonać jednorazowej płatności? Za 39 USD możesz używać GMW na osobistym blogu lub witrynie internetowej tak długo, jak chcesz.
  • Pro Unlimited. Prowadzisz agencję programistyczną WordPress lub zarządzasz witrynami internetowymi klientów? Za 79 USD możesz korzystać z GMW na dowolnej liczbie witryn internetowych. Co więcej, Pro Unlimited to plan dożywotni.

Recenzja widżetu Google Maps: Właściwa wtyczka Map Google dla Ciebie?

W tej recenzji widżetu Google Maps przyjrzeliśmy się jego funkcjom, opcjom pomocy technicznej i cenom, aby pomóc Ci zdecydować, czy jest to odpowiednia wtyczka do mapowania dla Ciebie.

Podsumowując tę recenzję GMW, darmowa wtyczka jest świetną opcją, jeśli chcesz dodać mapę do obszaru gotowego na widżet, takiego jak panel boczny lub stopka WordPress. Jeśli jednak chcesz dodać wiele pinezek lub osadzać twoją mapę na stronie lub we wpisie, będziesz potrzebować wtyczki premium.

Kupując licencję na widżet Google Maps, uzyskasz dostęp do biblioteki ponad 1500 pinezek, krótkich kodów i opcji dodawania wielu pinezek do tej samej mapy. Wtyczka premium integruje się również z Google Analytics, dzięki czemu możesz lepiej śledzić odwiedzających twoją witrynę internetową.

Mamy nadzieję, że ta recenzja widżetu Google Maps pomogła ci zdecydować, czy jest to odpowiednia wtyczka do map dla ciebie. Następnie warto zapoznać się z naszym przewodnikiem na temat tego, jak zwiększyć ruch na twoim blogu lub sprawdzić nasz wybór najlepszych programów do czatu na żywo.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Użytkownicy WPBeginner mogą zacząć już od 29 USD rocznie!

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Reader Interactions

1 Recenzja użytkownikaDodaj swoją recenzję

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Zostaw recenzję

Dziękujemy za pozostawienie recenzji. Pamiętaj, że wszystkie recenzje są moderowane zgodnie z naszym polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. Prosimy, NIE używaj słów kluczowych w polu imienia. Prowadźmy osobistą i znaczącą rozmowę.

Twoja ocena: