Selasa, 26 September 2017

Link html ke FACEBOOK, INSTAGRAM dan TWEETER APPS di joomla

Problem = buka sosmed di desktop kebukanya via browser, bila di hp kebuka appnya, bila tidak ada app nya kebuka mobile web sosmed nya.

mungkin ada cara yang lebih baik dari ini, tapi ini cara saya, semoga bisa jadi alternative.
Kredit buat pembuat syntaxnya, saya hanya modif caranya saja.

Di footer saya buat 3 icon, fb, ig dan tweeter. mereka saya link kan ke sebuah article masing masing. dan di dalam nya saya kasih javascript buat redirect.

Teknik sebenernya= web pop up dulu, detect mobile nya atau tidak, lalu exekusi alamat app nya baru tutup lagi popupnya.

note:
- Bikin article di joomla kalau gak ngerti googling sendiri yah
- bikin link ke single article joomla kalau gak ngerti googling dulu
- Aktifkan script syntax di global config editor texnya dulu yah. cara nya googling dl ajah.
- Copas text, jangan lupa di toogle editor dl
- cara lihat id fb googling dahulu yah

di salah satu singgle articlenya copas kan berikut :


<p> </p>
<p> </p>
<script>// <![CDATA[
            window.onload = function() {
                var desktopFallback = "https://www.facebook.com/ariefwalikotaku/",
                mobileFallback = "https://www.facebook.com/ariefwalikotaku/",
                app = "fb://page/296227787155268";
                if( /Android|iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
                    window.location = app;
                    window.setTimeout(function() {
                        window.location = mobileFallback;
                    }, 25);
                } else {
                    window.location = desktopFallback;
                }
                function killPopup() {
                    window.removeEventListener('pagehide', killPopup);
                }
                window.addEventListener('pagehide', killPopup);
            };
     
// ]]></script>

tinggal ganti nama account fb nya, dan di app di pergunakan id fb, bukan nama

untuk instagram :

mobileFallback = "https://www.instagram.com/arieftangerang2018/",
                app = "instagram://user?username=arieftangerang2018";

Untuk tweeter:

mobileFallback = "https://twitter.com/AriefWalikotaku/",
                app = "twitter://user?screen_name=AriefWalikotaku";

semoga bermanfaat....



Tidak ada komentar:

Posting Komentar