Кнопка «Поделиться WhatsApp» для веб-версии

У меня есть этот скрипт, но он только из мобильной версии.

$(document).ready(function() {
    $(document).on("click", '.mc_whatsapp_btn', function() {
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            var text = $(this).attr("data-text");
            var url = $(this).attr("data-link");
            var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);
            var whatsapp_url = ".whatsapp://send?text=" + message;
            window.location.href =  whatsapp_url;
        } else {
            alert("Please use an Mobile Device to Share this Status");
        }
    });
});

Кто-нибудь может изменить это?


javascript share button whatsapp
person Pri101    schedule 26.12.2020    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Эта линия

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {

проверяет наличие мобильного устройства, и если оно истинно, выполняется логика общего доступа. В другой ветке (что означает, что это не мобильный телефон) вы получаете сообщение об ошибке. Если вы хотите, чтобы в обеих версиях было то же самое, просто опустите if:

$(document).ready(function() {
    $(document).on("click", '.mc_whatsapp_btn', function() {
        //if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            var text = $(this).attr("data-text");
            var url = $(this).attr("data-link");
            var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);
            var whatsapp_url = ".whatsapp://send?text=" + message;
            window.location.href =  whatsapp_url;
        //} else {
            //alert("Please use an Mobile Device to Share this Status");
        }
    });
});
person Lajos Arpad    schedule 26.12.2020
comment
Не работает... вот полный код ‹a href=javascript:void(0); data-text=привет как дела? data-link=xyz class=mc_whatsapp_btn›Поделиться‹/a› - person Pri101; 26.12.2020

arrow_upward
0
arrow_downward

Согласно документам WhatsApp: https://faq.whatsapp.com/general/chats/how-to-use-click-to-chat/?lang=en

Чтобы создать ссылку только с предварительно заполненным сообщением, используйте https://wa.me/?text=urlencodedtext

Пример: https://wa.me/?text=I%27m%20inquiring%20about%20the%20квартира%20listing%60

Результат должен быть примерно таким:

$(document).ready(function() {
$(document).on("click", '.mc_whatsapp_btn', function() {
// this 3 rows will be used for both - desktop and mobile      
    var text = $(this).attr("data-text");
    var url = $(this).attr("data-link");
    var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);
    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
        var whatsapp_url = ".whatsapp://send?text=" + message;
    } else {
        var whatsapp_url = "https://wa.me/?text=" + message;
    }
    // again for both
    window.location.href =  whatsapp_url;
});

});

person Georgi Georgiev    schedule 26.12.2020
comment
‹ href=javascript:void(0); data-text=привет как дела? data-link=xyz class=mc_whatsapp_btn›Поделиться‹/a› ‹/div› - person Pri101; 26.12.2020