Skip To Content

Osadzanie filmów, mediów społecznościowych i ramek iframe

W witrynach lub na stronach internetowych można udostępniać filmy z serwisów społecznościowych Facebook, Vimeo lub YouTube oraz osadzać ramki iframe.

Na początek zaloguj się do oprogramowania Portal for ArcGIS, a następnie kliknij opcję Witryny na stronie Przegląd, aby wyświetlić listę witryn.

Wskazówka:

Witrynę możesz również edytować podczas przeglądania jej w przeglądarce. Pamiętaj, aby zalogować się, a następnie odszukać przycisk edycji po lewej stronie witryny.

Wyświetlanie filmów

Dodaj karty Wideo, aby osadzić wideo YouTube, Vimeo lub Facebook.

  1. Przeciągnij kartę Multimedia do istniejącego wiersza.
  2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
  3. Wklej adres URL filmu z Facebook, Vimeo lub YouTube w polu Adres URL filmu.
  4. W zależności od źródła filmu zostaną wyświetlone dodatkowe opcje umożliwiające skonfigurowanie wyświetlania filmu:
    • W przypadku filmów Facebook wybierz opcję Pokaż tekst wpisu, aby wyświetlić liczbę polubień, komentarze, udostępnienia i inny powiązany tekst. Wybierz opcję Zawsze pokazuj napisy, aby wyświetlić napisy do filmu.
    • W przypadku filmów Vimeo wybierz opcje Pokaż tytuł filmu, Pokaż właściciela filmu, Pokaż miniaturę właściciela filmu i Odtwarzaj filmy w pętli.
    • W przypadku YouTube filmów wybierz opcje Pokaż markę Youtube i Odtwarzaj filmy w pętli.
  5. Kliknij przycisk kopiowania obok opcji Adres URL filmu, aby zapisać łącze w schowku, dzięki czemu będzie go można użyć w innym miejscu w aplikacji.
  6. Kliknij przycisk Zapisz.

Udostępnianie pojedynczego wpisu na Facebook

Wyświetl pojedynczy wpis, aby wyróżnić coś szczególnego.

  1. Przeciągnij kartę Media społecznościowe do istniejącego wiersza.
  2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
  3. W polu Adres URL wpisu w mediach społecznościowych wklej adres URL dowolnego publicznie udostępnionego wpisu w witrynie Facebook. Aby skopiować właściwy adres URL, kliknij datownik wpisu (data lub czas w lewym górnym rogu wpisu), a następnie skopiuj nowy adres URL w przeglądarce przed powrotem do edycji witryny.
  4. Opcjonalnie kliknij przełącznik opcji Pokaż tekst wpisu, aby wyświetlić tekst powiązany z wpisem.
  5. Kliknij przycisk Zapisz.

Wyświetlanie osi czasu z witryny Facebook

Wyświetl oś czasu, wydarzenie lub wiadomość z witryny Facebook, aby dokonać głębszej eksploracji.

  1. Przeciągnij kartę Media społecznościowe do istniejącego wiersza.
  2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
  3. W polu Adres URL wpisu w mediach społecznościowych wklej adres URL dowolnej publicznie udostępnionej strony w witrynie Facebook.
  4. Opcjonalnie kliknij przełącznik, aby włączyć dowolną kombinację następujących opcji:
    • Opcja Oś czasu umożliwia wyświetlenie karty osi czasu pod nagłówkiem strony. Kliknij tę opcję, jeśli chcesz udostępnić swoją oś czasu wraz z wydarzeniami lub wiadomościami.
    • Opcja Wydarzenia umożliwia wyświetlenie widoku listy widoków wydarzeń strony.
    • Opcja Wiadomości umożliwia użytkownikom wpisywanie i wysyłanie wiadomości do administratora strony Facebook za pomocą aplikacji Facebook Messenger.
    • Opcja Użyj dużego nagłówka umożliwia zwiększenie rozmiaru nagłówka strony i dodanie przycisku Wyślij wiadomość łączącego użytkowników z aplikacją Facebook Messenger.
    • Opcja Pokaż zdjęcie na okładce umożliwia wyświetlenie zdjęcia na okładce strony.
  5. Kliknij przycisk Zapisz.

Wyświetlanie pojedynczego wpisu w serwisie Tweeter

Wyświetlenie pojedynczego wpisu w witrynie Twitter pozwala wyróżnić konkretny wpis.

  1. Przeciągnij kartę Media społecznościowe do istniejącego wiersza.
  2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
  3. W polu Adres URL wpisu w mediach społecznościowych wklej adres URL dowolnego publicznie udostępnionego wpisu w witrynie Twitter. Aby uzyskać łącze dla pojedynczego wpisu w witrynie Twitter, kliknij przycisk Więcej w prawym górnym rogu wpisu, a następnie wybierz opcję Skopiuj link do tweeta.
  4. Opcjonalnie kliknij przełącznik, aby włączyć dowolną kombinację spośród następujących opcji w menu Opcje:
    • Opcja Pokaż ciemny motyw umożliwia odwrócenie wyświetlanych kolorów.
    • Opcja Szerokość wpisu z witryny Twitter umożliwia wybór wielkości wpisu za pomocą następujących ustawień: Mały, Średni, Duży.
  5. Opcja Wybierz pozycję wpisu z witryny Twitter umożliwia wybranie wyrównania Do lewej, Na środku lub Do prawej.
  6. Kliknij przycisk Zapisz.

Wyświetlanie osi czasu z witryny Twitter

Wyświetl przewijalną oś czasu z witryny Twitter.

  1. Przeciągnij kartę Media społecznościowe do istniejącego wiersza.
  2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
  3. W polu Adres URL wpisu w mediach społecznościowych wklej adres URL dowolnej publicznie udostępnionej osi czasu z witryny Twitter.
  4. Opcjonalnie kliknij przełącznik, aby włączyć dowolną kombinację spośród następujących opcji w menu Opcje:
    • Opcja Zwiększona wysokość umożliwia wyświetlenie dłuższej osi czasu serwisu Twitter.
    • Opcja Limit wpisów z witryny Twitter umożliwia skonfigurowanie liczby wpisów z witryny Twitter wyświetlanych na osi czasu (maksymalnie 20).
    • Opcja Pokaż ciemny motyw umożliwia odwrócenie wyświetlanych kolorów.
    • Opcja Pokaż nagłówek umożliwia wyświetlenie nagłówka. Podobnie, opcja Pokaż stopkę umożliwia wyświetlenie stopki.
    • Opcja Pokaż obramowanie umożliwia wyświetlenie obramowania wokół osi czasu.
    • Opcja Pokaż tło umożliwia usunięcie lub wyświetlenie tła.
  5. Kliknij przycisk Zapisz.

Osadzanie zasobów z użyciem karty ramki iframe

Za pomocą karty ramki iframe można osadzać zasoby zewnętrzne, takie jak aplikacja, mapa internetowa lub panel, korzystając z ich adresów URL.

Wskazówka:

Ramki Iframe sprawdzają się najlepiej przy wyświetlaniu paneli i infografik. W przypadku innych elementów, w tym aplikacji internetowych Experience Builder, stron aplikacji Insights, map internetowych i map narracyjnych, można użyć karty galerii, karty mapy internetowej lub karty aplikacji.

Korzystając z ramek iframe, należy rozważyć ograniczenie ich liczby do nie więcej niż dwóch. Zbyt wiele ramek iframe w jednej witrynie lub na jednej stronie może zmniejszyć wydajność podczas wyświetlania na urządzeniach mobilnych. Bez względu na to, czy używana jest ramka iframe, czy inna karta, wyświetlanie nie więcej niż dwóch kluczowych elementów sprawia, że projekt jest bardziej przejrzysty i lepiej dostępny. W przypadku pozostałych elementów można użyć karty galerii.

  1. Przeciągnij kartę Ramka iframe do istniejącego wiersza.
  2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
  3. Podaj adres URL ramki iframe oraz jej wysokość. Nie należy osadzać kodu ramki iframe z innej witryny. Należy wkleić tylko adres URL, który ma zostać osadzony.

    Notatka:
    Aby zapewnić wyświetlanie zasobów nawet wtedy, gdy użycie podstawowego adresu URL kończy się niepowodzeniem na mniejszych urządzeniach, można podać dodatkowy adres URL przy użyciu pola Zastąpienie adresu URL dla urządzeń mobilnych.

  4. Dodaj tytuł do ramki iframe.
  5. Włącz przewijanie, włączając opcję Automatycznie.

    Wskazówka:
    Przewijanie nie zawsze jest odpowiednie w przypadku urządzeń mobilnych, ponieważ użytkownik może nie być w stanie przejść przez aplikację, jeśli może ją tylko przewijać. Przed zatwierdzeniem zmian należy sprawdzić przydatność przewijanej ramki iframe na urządzeniach mobilnych.

  6. Kliknij przycisk Zastosuj.

    Notatka:

    Adresy URL ramek iframe używające protokołu HTTP nie są wyświetlane w trybie edycji, gdy używany jest protokół HTTPS. Zapisz i wyświetl witrynę, aby zobaczyć ramkę iframe.

  7. Kliknij przycisk Zapisz.