Skip to content

(Artikel) Internet Marketing

Kumpulan Artikel Promo, Online, Internet advertising & Internet Marketing

  • Home
  • Buku Tamu
  • About
  • Privacy Policy
  • Disclaimer
  • Download
  • Toggle search form

Script Redirect web Jika diakses dari HP / Smartphone

Posted on January 8, 2016 By editor1 No Comments on Script Redirect web Jika diakses dari HP / Smartphone

Latar belakang

Pengakses web saat ini beragam, tidak hanya dari PC desktop saja, namun bnayak juga dari perangkat bergerak (mobile device). Ada kalanya yang punya web tidak mempersiapkan secara khusus tampilan web yang user friendly jika diakses dari perangkat mobile yang punya keterbatasan dalam tampila, resource dan akses data. Intinya kalau diakses dari mobile device harus bisa lebih simpel supaya cepat dan hemat data (bagi pengakses).

Skenario Sistem

Skenario sistem kita memang tidak punya punya 2 web yang satu khusus untuk desktop dan satunya khusus untuk mobile. Script Redirect web Jika diakses dari HP / Smartphone ini menggunakan javascript yang langsung bisa pasangkan di web kita. skenarionya sebagai berikut :

  1. Website1 utama design awalnya memang untuk diakses dari PC /Desktop
  2. Ada Website2 yang disiapkan secara khusus bisa untuk Mobile/Desktop fleksibel
  3. Jika ada yang akses dari Mobile browser ke website1 akan diredirect ke Website2 secara otomatis
  4. Jika sudah di website2 (versi mobile) pingin balik ke Website1 (vesti Desktop) masih tetap bisa.

Saya menggunakan script yang ada di sini untuk Implementasi ini.

[code language=”javascript”]
<script type=”text/javascript”>
function setCookie(c_name, value, exdays) {
c_name = c_name.toLowerCase();
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value = escape(value) + ((exdays == null) ? “” : “; expires=” + exdate.toUTCString());
document.cookie = c_name + “=” + c_value;
}
function getCookie(c_name) {
c_name = c_name.toLowerCase();
var i, x, y, ARRcookies = document.cookie.split(“;”);
for (i = 0; i < ARRcookies.length; i++) {
x = ARRcookies[i].substr(0, ARRcookies[i].indexOf(“=”));
y = ARRcookies[i].substr(ARRcookies[i].indexOf(“=”) + 1);
x = x.replace(/^\s+|\s+$/g, “”);
if (x == c_name) {
//alert(“x = ” + x);
return unescape(y);
}
}
}
function getQuerystring(key, default_) {
key = key.toLowerCase();
//alert(“key : ” + key);
//alert(“default_ : ” + default_);
if (default_ == null) default_ = “”;
key = key.replace(/[\[]/, “\\\[“).replace(/[\]]/, “\\\]”);
var regex = new RegExp(“[\\?&]” + key + “=([^&#]*)”);
var qs = regex.exec(window.location.href.toLowerCase());
if (qs == null) {
//alert(“default_ : ” + default_);
return default_;
}
else {
//alert(“qs[1] : ” + qs[1]);
return qs[1];
}
}
function detectMobileAndRedirect(a,b){
// alert(location.href);
if(/android|webOS|avantgo|blackberry|blazer|elaine|hiptop|ip(hone|od)|kindle|midp|mmp|mobile|o2|opera mini|palm( os)?|pda|plucker|pocket|psp|smartphone|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce; (iemobile|ppc)|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-)|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))){
if(/ipad/i.test(a)){
return false;
}
location.href=b;
}
}
function removeQueryString(url) {
return url.split(“?”)[0];
}
var FullSiteCookie = getCookie(“viewFullSite”);
var viewFullSite = getQuerystring(“viewFullSite”);
var renderFullSite = new Boolean();
renderFullSite = false;
if (FullSiteCookie != null && FullSiteCookie != “”) {
if (FullSiteCookie.toLowerCase() == “true”) {
if (viewFullSite.toLowerCase() == “false”) {
setCookie(“viewFullSite”, false, 1);
}
else {
renderFullSite = true;
//alert(“Set 11”);
}
}
else {
if (viewFullSite != null && viewFullSite != “”) {
if (viewFullSite.toLowerCase() == “true”) {
renderFullSite = true;
//alert(“Set 2”);
setCookie(“viewFullSite”, true, 1);
}
else {
if (viewFullSite.toLowerCase() == “false”) {
setCookie(“viewFullSite”, false, 1);
}
renderFullSite = false;
//alert(“Set 3”);
}
}
else {
renderFullSite = false;
//alert(“Set 4”);
}
}
}
else {
viewFullSite = getQuerystring(“viewFullSite”);
//alert(“viewFullSite 1 : ” + viewFullSite);
if (viewFullSite != null && viewFullSite != “”) {
if (viewFullSite.toLowerCase() == “true”) {
renderFullSite = true;
//alert(“Set 5”);
setCookie(“viewFullSite”, true, 1);
}
else {
renderFullSite = false;
//alert(“Set 6”);
}
}
else {
renderFullSite = false;
//alert(“Set 7”);
}
}
//alert(“renderFullSite : ” + renderFullSite);
if (!renderFullSite) {
//alert(“location href before: ” + location.href);
var mobilesite = “http://m-pmb.mercubuana-yogya.ac.id/”;
var locationhref = removeQueryString(location.href);
//alert(“location href after: ” + locationhref);
if (locationhref == “http://mk.mercubuana-yogya.ac.id”) {
mobilesite = “http://m-pmb.mercubuana-yogya.ac.id/index.php”;
}
detectMobileAndRedirect(navigator.userAgent || navigator.vendor || window.opera, mobilesite);
}
function BookMark() {
$(‘#BookmarkImg’).animate({ “top”: “-81px” }, 1000);
baseCookieName = “rwbookmark”;
var exdate = new Date();
var expiredays = “1”;
exdate.setDate(exdate.getDate() + expiredays);
//use of arbritary stop point so no endless loop occurs
for (var i = 0; i < 10000; i++) {
var curName = baseCookieName + i;
if (document.cookie.indexOf(curName) < 0) {
document.cookie = curName + “=” + escape(window.location.href) + “[#]contentid=” + document.getElementById(“inputContentID”).value + “[#]title=” + GetPageTitle() + “;expires=” + exdate.toGMTString() + “;path=/;domain=mk.mercubuana-yogya.ac.id;”;
break;
}
}
var link = document.getElementById(‘BookmarkLink’);
link.onclick = null;
link.style.cursor = “default”;
}
function GetPageTitle() {
var titlefromdom = “”;
var titlefromdomarray = “”;
$(document).ready(function() {
titlefromdom = document.title;
});
titlefromdomarray = titlefromdom.split(“|”);
if (titlefromdomarray.length > 0) {
titlefromdom = titlefromdomarray;
}
return titlefromdom;
}
</script>

[/code]

Sementara untuk menambahkan link balik ke website1 (Versi Desktop) anda bisa gunakan tag ahref dengan sedikit modifikasi seperti ini :

<a href="http://www.YourSite.com/?ViewFullSite=true">View Full Site</a></p>

Post Views: 2,454
Artikel, Wordpress

Post navigation

Previous Post: Beli Software Screencast-O-Matic
Next Post: Mikrotik Script Blok Torrent

Related Posts

Juru Kunci Gunung Merapi Mbah Asih, gantikan Mbah Maridjan tahun 2011 Juru Kunci Gunung Merapi Mbah Asih, gantikan Mbah Maridjan tahun 2011 Artikel
Ini Dia Sosok Andre Prasetyo yang Wisuda Naik Sepeda Othel di UMBY Artikel
Apa Sebenarnya Fungsi Stop Lamp pada Kendaraan Apa Sebenarnya Fungsi Stop Lamp pada Kendaraan Artikel
Drumband AAU 2022 Mulai dari halaman Kantor DPRD Malioboro menuju ke Titik Nol. Video Drumband AAU di Malioboro 2022 – HUT TNI ke-77 Artikel
Cara membuat Link Langsung ke Text di Konten web Cara membuat Link Langsung ke Text di Konten web Artikel
Kereta BBM Bahan bakar Minyak Pertamnina Kereta Pertamina Panjang di Stasiun Rewulu Artikel

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Cari-cari disini

Popular Post

Posting Terbaru

  • Tentang Keris, Pembuatan Keris, empu ngadeni, empu puryadi dan Mitos Keris
  • Kadonio HD-401: Kunci Pintu Elektronik Murah dengan Pemindai Sidik Jari dan Kunci Darurat USB
  • Mengatasi Masalah Umum pada Mesin Cuci
  • Perbandingan 3 buah Video di Youtube tentang event di Magelang
  • Acara Magelang Ethno Carnival 2023: Membangkitkan Ekonomi Lokal dan Senyuman Warga

Stats





DMCA.com Protection Status

Copyright © 2023 (Artikel) Internet Marketing.

Powered by PressBook Masonry Blogs