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

      Kod widgetu MGID – instalacja bezpośrednia

      Wprowadzenie

      Kod widżetu MGID (Simple JS) to kod instalacyjny MGID na poziomie strony internetowej, którego wydawcy używają do integracji widgetó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. Direct

      Bezpośrednie umieszczenie kodu widżetu MGID (Simple JS)

      SimpleJS nadaje priorytet szybkiemu ładowaniu stron internetowych. Oto dlaczego:

      • Brak zewnętrznych zależności: Zintegruj SimpleJS bezpośrednio z kodem, eliminując potrzebę stosowania wtyczek i dodatkowych bloków ładowania, które mogą spowolnić działanie.
      • Ładowanie asynchroniczne: SimpleJS ładuje się równolegle z resztą witryny, zapewniając, że nic nie będzie dławić początkowej prędkości ładowania strony.

      Wykonaj poniższe kroki, aby bezpośrednio zaimplementować kody:

      1. Otwórz wybrany edytor HTML. Proces jest taki sam dla każdego edytora (w tym przewodniku użyjemy edytora online ze skompilowanym podglądem witryny).
      2. Zlokalizuj sekcję <head> i wklej fragment kodu <head> w dowolnym miejscu wewnątrz sekcji <head>. Najlepszą praktyką byłoby umieszczenie go gdzieś na górze, aby szybciej się ładował i aby łatwiej było go zlokalizować, na wszelki wypadek.

      Aby zapewnić wydajność, wystarczy użyć tej części kodu tylko w jednym miejscu.

      2. Direct

      3. Dla każdego widżetu, który chcesz wyświetlić, skopiuj i wklej odpowiadający mu fragment kodu <body> do wyznaczonego obszaru strony, w którym widżet ma się pojawić.

      Poniższy zrzut ekranu przedstawia dwa umieszczone widżety: Widżet inteligentny i widżet Impact In-article. Najlepszą praktyką jest umieszczanie widżetów w ich „docelowych” blokach, takich jak wewnątrz artykułu lub treści.

      3. Direct

      Zapisz zmiany i sprawdź, czy wszystko jest prawidłowo umieszczone. Dokonaj zmian w razie potrzeby. Widżet pojawi się w miejscach konfiguracji.

      Istnieją inne jednostki, które można umieścić przy użyciu tej samej metody, zmieniając tylko miejsca umieszczenia i części kodu <body>. Zmiana kodu <head> nie jest konieczna, jeśli znajduje się on już na stronie.

      Przewodnik wideo

      Kliknij miniaturę poniżej, aby uzyskać dostęp do przewodnika wideo: