W ramach modernizacji platformy cyfrowej naszego miesięcznika budujemy innowacyjne narzędzia współpracujące z silnikiem CMS JOOMLA ale uruchamiane tylko dla konkretnych publikacji za pomocą zewnętrznych wobec systemu narzędzi cyfrowych. Docelowo pozwoli to odciążyć nasz system i wyeliminować z niego wiele pluginów (rozszerzeń), które w znaczny sposób obciążają system i spowalniają jego ładowanie.
Efekt przyspieszenia ładowania naszego miesięcznika będzie widoczny dopiero po eliminacji wszystkich nadmiarowych pluginów. Musimy je wyeliminować we wszystkich starszych publikacjach.
Jednym z takich naszych nowych cyfrowych narzędzi jest aplikacja PHP jakiej nadaliśmy nazwę:
Enterprise TikTok Embed dla Joomla
Opis narzędzia: Enterprise TikTok Embed dla Joomla
Cel:
Narzędzie zostało stworzone, aby umożliwić osadzanie filmów z TikToka w treści Joomla bez użycia dedykowanych pluginów. Dzięki temu rozwiązaniu:
- Unika się nadmiarowego obciążenia systemu, typowego dla niektórych rozszerzeń Joomla.
- Zapewnia się szybkie i responsywne wyświetlanie filmów.
Wspiera lazy load oraz automatyczne dopasowanie wysokości iframe do rzeczywistej wielkości wideo, eliminując czarne paski i nadmiarowe marginesy.
Jak działa:
- Skrypt pobiera z URL filmu TikTok jego ID oraz miniaturę (thumbnail) i zapisuje ją w lokalnym cache.
- Tworzy kontener HTML, który w trybie lazy load wyświetla miniaturę z przyciskiem „Kliknij aby uruchomić”.
- Po kliknięciu w miniaturę dynamicznie ładowany jest iframe TikToka.
- Wysokość iframe jest automatycznie dopasowywana do rzeczywistej wysokości filmu, korzystając z mechanizmu postMessage udostępnianego przez TikTok.
Można osadzić wiele filmów w różnych artykułach Joomla, używając pojedynczego pliku PHP i modułu Wrapper.
Wykorzystanie w Joomla:
- Umieść plik PHP skryptu w katalogu publicznym strony (np. /media/tiktok-embed.php).
- W artykule Joomla lub module Wrapper wklej URL w formacie:
/media/tiktok-embed.php?url=https://www.tiktok.com/@user/video/123456789 - Opcjonalnie można włączyć lazy load lub ustawić inne parametry (np. ratio=9x16).
Skrypt automatycznie wyświetli responsywny odtwarzacz TikTok, bez dodatkowego obciążenia CMS.
Zalety:
- Minimalne obciążenie CMS – brak ciężkich pluginów.
- Responsywne wideo z automatycznym dopasowaniem wysokości.
- Obsługa wielu filmów z jednego centralnego pliku.
- Wsparcie dla lazy load i cache miniatur dla szybszego ładowania.
Poniżej przykład wykorzystania naszego narzędzia dla rolki filmowej jaką opublikowaliśmy w styczniowym numerze naszego miesięcznika: Witamy nowy rok - pomysłowa inscenizacja