Rodzaje integracji
      Wróć na stronę główną
      1. Help Center Home
      2. Publishers
      3. Rodzaje integracji

      Instalacja kodu widżetu MGID na Wix.com

      Wprowadzenie

      Kod widżetu MGID (Simple JS) to kod instalacyjny MGID na poziomie strony internetowej, którego wydawcy używają do integracji widżetów na stronie internetowej. W przeciwieństwie do standardowego kodu instalacyjnego, tag Simple JS został zaprojektowany tak, aby był lekki i wydajny. Zapewnia minimalny wpływ na wydajność witryny i pozwala uniknąć dodatkowych kroków po stronie wydawcy.

      Kod instalacyjny widżetu składa się z dwóch części:

      1. Head Script: Jest to preloader MGID, który powinien być umieszczony wewnątrz sekcji <HEAD> strony internetowej. 
      2. Body Container: Jest to element div, w którym widżet MGID powinien być renderowany wewnątrz wpisu na blogu.

      Musisz utworzyć żądane jednostki reklamowe (widżety) na pulpicie nawigacyjnym i uzyskać kody widżetów.

      1. Wix

      Jak zintegrować kod widżetu MGID (Simple JS) na Wix.com?

      Istnieją dwie niezawodne opcje instalacji widżetów, ale mają one pewne ograniczenia. Ze względu na ograniczenia silnika, każda reklama, którą możemy umieścić na stronach Wix, będzie wyświetlana w iframe. Oznacza to, że pulpit nawigacyjny będzie mieć ograniczone statystyki i nie będzie posiadał funkcji nieskończonego przewijania dla pierwszej opcji.

      Opcja 1 - Dodanie sekcji z kodem niestandardowym

      Pierwsza opcja polega na utworzeniu nowej sekcji w sekcji „Edytuj witrynę” dla wybranego typu strony. Technikę tę można zastosować do dowolnego typu strony, który umożliwia dodawanie sekcji lub bloków. Jako przykładu użyjemy postów na blogu.

      Podczas gdy SimpleJS używa kodu w <head> i <body>, Wix wymaga innego podejścia. Zobaczmy, jak osiągnąć ten sam rezultat za pomocą Wix.

      Wykonaj następujące kroki:

      1. Przejdź do pulpitu nawigacyjnego witryny Wix, wybierz „Witryny” i kliknij przycisk „Edytuj witrynę”.

      2. Wix

      2. Wybierz typ strony, na której chcesz umieścić reklamy. Czynności mogą się nieznacznie różnić w zależności od typu witryny i wybranego motywu, ale metoda jest taka sama. W naszym przypadku wybierzemy „Post”, ponieważ nasz typ strony to „Blog”.

      3. Wix

      3. Umieśćmy sekcję pod artykułem. Przewiń w dół do końca artykułu, do bloku ostatnich postów i komentarzy, a następnie kliknij „Dodaj sekcję”.

      4. Wix

      4. Tutaj możesz wybrać dowolny typ sekcji. W naszym przypadku wybierzemy dodanie sekcji pustej.

      5. Wix

      5. Umieść jednostkę reklamową w sekcji:

      • Kliknij sekcję jeden raz, a następnie kliknij przycisk (+) w lewym górnym rogu, aby dodać osadzony element HTML do nowo utworzonej sekcji.

      6. Wix

      7. Wix

      • Skopiuj części kodu Head i Body z pulpitu nawigacyjnego MGID do pliku tekstowego lub dowolnej aplikacji do notatek.

      8. Wix_GIF

      • Wklej cały kod do pola tekstowego kodu i naciśnij „Aktualizuj”.

      9. Wix

      • Zmień rozmiar bloku i sekcji, aby jednostka reklamowa dobrze pasowała.

      10. Wix

      Teraz upewnijmy się, że jednostka jest widoczna w każdym motywie.

      6. Dodaj jasne tło do sekcji lub białe tło do naszej jednostki reklamowej.

      • Dodawanie jasnego koloru do tła sekcji: Kliknij sekcję, wybierz „Zmień tło” i wybierz biały kolor.

      11. Wix_GIF

      • Dodanie białego koloru do tła jednostki reklamowej w kodzie widżetu: Edytuj kod HTML i dodaj następujący skrypt:
      style="background-color:white;"

      Po dodaniu skryptu kliknij przycisk „Aktualizuj”.

      12. Wix_GIF

      Ta opcja instalacji ma swoje ograniczenia i w żadnym wypadku nie jest idealna. Na przykład, nie można umieścić niczego wewnątrz treści lub jakiegokolwiek bloku.

      Sprawdźmy, czy druga opcja będzie lepszym wyborem. Pamiętaj, że można korzystać z obu opcji jednocześnie.

      Opcja 2 – Własny kod wewnątrz treści

      Możemy osadzić ramkę HTML wewnątrz treści w dowolnym miejscu na stronie, ale należy to zrobić ręcznie dla każdego nowego artykułu lub postu. 

      Wykonaj następujące kroki:

      1. Przejdź do pulpitu nawigacyjnego witryny Wix i wybierz edycję dowolnego ze swoich postów lub artykułów.
      13. Wix_GIF

      2. Kliknij dowolną część treści, w której chcesz umieścić jednostkę reklamową. Kliknij znak |+|, który pojawi się po lewej stronie treści i wybierz opcję Kod HTML.

      14. Wix_GIF

      3. Kliknij Edytuj HTML, skopiuj i wklej obie części kodu jednostki reklamowej do otwartego pola tekstowego i zmień rozmiar pola zgodnie z własnymi preferencjami. Pamiętaj, że nasze jednostki reklamowe są responsywne i mogą zmieniać się w zależności od rozmiaru ramki.

      15. Wix_GIF

      4. Teraz dodaj następującą linię kodu zaraz po części <div.

       <div style="background-color:white;"

      W ten sposób tło jednostki reklamowej pozostanie białe, a wszystkie elementy tekstowe będą widoczne.

      16. Wix