Как добавить возможность поделиться (WhatsApp, Instagram)?

Енот
Новичек
Регистрация
26 Авг 2018
Сообщения
161
#1
Пытаюсь добавить кнопки в раздел поделиться. WhatsApp, Instagram

Прописал:
Код:
    <div class="goblock sb-likeshare">
        <div class="goblock-content">
            <span class="block"><%- page.l.share %></span>
            <div class="sbl-btn">
                <a href="javascript:void(0)" onclick="share('<%- page.url %>','vk')"
                    class="btn btn-radius sbl-vk mr5"><i class="fa fa-vk mr10"></i><%- page.l.vk %></a>
                <a href="javascript:void(0)" onclick="share('<%- page.url %>','facebook')"
                    class="btn btn-radius sbl-fb mr5"><i class="fa fa-facebook mr10"></i><%- page.l.facebook %></a>
                <a href="javascript:void(0)" onclick="share('<%- page.url %>','telegram')"
                    class="btn btn-radius sbl-tg mr5"><i class="fa fa-telegram mr10"></i><%- page.l.telegram %></a>
                <a href="javascript:void(0)" onclick="share('<%- page.url %>','whatsapp')"
                    class="btn btn-radius sbl-wh mr5"><i class="fa fa-whatsapp mr10"></i><%- page.l.whatsapp %></a>
                <a href="javascript:void(0)" onclick="share('<%- page.url %>','twitter')"
                    class="btn btn-radius sbl-tw"><i class="fa fa-twitter mr10"></i><%- page.l.twitter %></a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
Код:
    switch (t) {
        case "whatsapp":
            window.open("https://api.whatsapp.com/send?=" + e, "whatsapp-share-dialog", "width=" + s + ",height=" + o + ",top=" + a + ",left=" + i);
            break;
        case "telegram":
            window.open("https://t.me/share/url?url=" + e, "telegram-share-dialog", "width=" + s + ",height=" + o + ",top=" + a + ",left=" + i);   
             break;
        case "facebook":
            window.open("http://www.facebook.com/sharer/sharer.php?u=" + e, "facebook-share-dialog", "width=" + s + ",height=" + o + ",top=" + a + ",left=" + i);
            break;
        case "google":
            window.open("https://plus.google.com/share?url=" + e, "google-plus-share-dialog", "width=" + s + ",height=" + o + ",top=" + a + ",left=" + i);
            break;
        case "vk":
            window.open("http://vk.com/share.php?url=" + e, "vk-share-dialog", "width=" + s + ",height=" + o + ",top=" + a + ",left=" + i);
            break;
        case "twitter":
            window.open("http://twitter.com/intent/tweet?status=" + e, "twitter-share-dialog", "width=" + s + ",height=" + o + ",top=" + a + ",left=" + i)
    }

Дописал в первую строку файла
Код:
.sb-likeshare .btn.sbl-wh{background:#01e675;margin-bottom:10px}.sb-likeshare .btn.sbl-tg{background:#3374BA;margin-bottom:10px}

и выглядит это так как показано во вложении, т.е. печально, хочу добавить еще и кнопку поделиться в instagram, но не знаю какую ссыль прописывать и при клике на whatsapp открывается "Неверная ссылка"

Где поправить что бы кнопка WhatsApp начала корректно отображаться и работать и как добавить кнопку поделиться в инст?
 

Вложения

Думает, что помогает
Регистрация
15 Дек 2017
Сообщения
3,689
#2
У whatsapp ссылка должна быть
не https://api.whatsapp.com/send?=
а https://wa.me/?text=

У Instagram нет share ссылки.

То, что нет текста на кнопке, может быть причина в том что расширения для браузеров её вырезают.
 
Енот
Новичек
Регистрация
26 Авг 2018
Сообщения
161
#3
Подскажите пж, как придать кнопке нормальный вид, кнопка телеграма нормально отображается а whatsapp на половину, в css вроде все норм, где что не так ума не приложу :(
 
Думает, что помогает
Регистрация
15 Дек 2017
Сообщения
3,689
#4
Подскажите пж, как придать кнопке нормальный вид, кнопка телеграма нормально отображается а whatsapp на половину, в css вроде все норм, где что не так ума не приложу :(
В кнопке написать WhatsApp, а не <%- page.l.whatsapp %>
 
Енот
Новичек
Регистрация
26 Авг 2018
Сообщения
161
#5
У whatsapp ссылка должна быть
не https://api.whatsapp.com/send?=
а https://wa.me/?text=
изменил share ссылку на https://wa.me/?text= при открытии страницы, грузится указанная ссылка но потом срабатывает переадресация на
https://api.whatsapp.com/resolve?deeplink= и получается
Мы не можем найти страницу, которую вы ищете