Открыть чат по ссылке Viber

#1 24 февраля 2019 в 00:33
Здравствуйте. Как прописать правильно код, что бы при нажатии на иконку: открывался чат в Vibere и с андроида и с ПК?

Вот мой код:
  1.  
  2. <div class="td-all-devices"><a href="viber://add?number=9001234567" target="_blank" rel="noopener"><img src="http://адрескартинки" />
  3.  
  4.  
Но не открывается ничего ни с ПК ни с телефона. При нажатии, открывается приложение Viber и выдает ошибку.
#2 24 февраля 2019 в 00:38
Код соцкнопок от яндекс:
  1. <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
  2. <script src="//yastatic.net/share2/share.js"></script>
  3. <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,twitter,viber,whatsapp,skype,telegram"></div>
#3 24 февраля 2019 в 01:04

Код соцкнопок от яндекс:

@elv
мне нужна кнопка не поделится в соц сети а связь через соц сеть. Тоесть, нажимая на кнопку Вайбера, пользователь автоматически переводится на приложение Вайбер — чат со мной.
#4 24 февраля 2019 в 01:14
Для чата:
  1. <a href="viber://chat?number=ххххххххх">Viber</a>
#5 24 февраля 2019 в 02:10


Для чата:

  1. Viber

@elv

Благодарю. Ещё момент, номер предпочтительней как вводить? С + или только цифры?
#6 24 февраля 2019 в 02:18

Но не открывается ничего ни с ПК ни с телефона. При нажатии, открывается приложение Viber и выдает ошибку.

@Aliaksandr
Выдает ошибку лично вам? Так все верно, потому, что вы пытаетесь добавить самого себя в собственный Viber/
Вот вам две точно работающие ссылки.

1. Сообщает почему нельзя добавить если сам себе открываешь
  1. <p style="text-align: center;"><a href="viber://chat?number=%2B9001234567"><img src="ваша картинка" alt="v.jpg" width="153" height="41" /><a></p>
Вместо chat можно писать add (добавить номер), но при входе в chat сначала добавляется номер.

2. Выдает ошибку при неправильных действиях, без объяснения
  1. <p style="text-align: center;"><a title="Напишите мне в Viber" href="https://msng.link/vi/9001234567"><img src="ваша картинка" alt="v.jpg" width="153" height="41" /></a></p>
Эта ссылка сгенирирована на сервисе Генератор ссылок для любого мессенджера и чуток подправлена в редакторе, вставлена в картинку.
#7 24 февраля 2019 в 02:22

С + или только цифры?

@Aliaksandr
Без "+", но на айфонах надо вроде с "+". toster.ru/q/139331
#8 24 февраля 2019 в 02:34

Без "+", но на айфонах надо вроде с "+". toster.ru/q/139331

@elv
Вместо "+" пишется "%2B"
#9 24 февраля 2019 в 02:55
Еще можно сделать без картинки с помощью CSS
Вставляем свой код в один из CSS файлов своего шаблона:
  1. #viber {
  2. display: inline-block;
  3. color: #fff;
  4. padding: 8px 21px;
  5. background: #7d51a0;
  6. border-radius: 22px;
  7. font-size: 18px;
  8. font-family: arial;
  9. text-decoration: none;
  10. margin-top: 15px;
  11. }
И куда надо следующую ссылку
  1. <a href="viber://add?number=9001234567" id="viber">Чат в Viber</a>
На выходе генерится такая картинка со ссылкой

Н-да! Водяной знак оказался больше… laugh
#10 24 февраля 2019 в 08:06


С + или только цифры?

@Aliaksandr
Без "+", но на айфонах надо вроде с "+". toster.ru/q/139331

@elv

В том то и вопрос, что часть пользователей с телефона а чать с ПК. Не делать же две кнопки для различных версий сайта.
#11 24 февраля 2019 в 08:45
vikont, Я просто в своём коде перед номером вставил "%2B" и с компа сразу открыло то что надо. Благодарю. На телефоне не отрывается.
#12 24 февраля 2019 в 08:46


С + или только цифры?

@Aliaksandr
Без "+", но на айфонах надо вроде с "+". toster.ru/q/139331

@elv

"viber://chat?number=+номер" открывает белый экран на андроиде
#13 24 февраля 2019 в 09:03

2. Выдает ошибку при неправильных действиях, без объяснения
Код PHP:
<p style="text-align: center;"><a title="Напишите мне в Viber" href="https://msng.link/vi/9001234567"><img src="ваша картинка" alt="v.jpg" width="153" height="41" /></a></p>
Эта ссылка сгенирирована на сервисе Генератор ссылок для любого мессенджера и чуток подправлена в редакторе, вставлена в картинку.

vikont

Сгенерировал ссылку на msng.link/ru:
  1. https://msng.link/vi/номертелефона
Если просто открыть её в телефоне, открывается Вайбер с контактом.

Впихнул ссылку в код:

  1. <div class="td-all-devices"><a href="https://msng.link/vi/номер телефона" target="_blank" rel="noopener"><img src="http://ссылка на картинку" /></a></div>
Открывает белый экран. Что не так в коде?..
#14 24 февраля 2019 в 09:11
Вот весь код:
  1.  
  2.  
  3. <pre style="text-align: center;"><strong>Мы в соц.сетях:</strong></pre>
  4. <table>
  5. <tbody>
  6. <tr>
  7. <td>
  8. <div class="td-all-devices"><a href="https://www.facebook.com/xxx" target="_blank" rel="noopener"><img src="http://адрескартинки.jpg" /></a></div></td>
  9. <td>
  10. <div class="td-all-devices"><a href="https://t.me/ххх" target="_blank" rel="noopener"><img src="http://адрескартинки.jpg" /></a></div></td>
  11. <td>
  12. <div class="td-all-devices"><a href="https://msng.link/vi/номертелефона" target="_blank" rel="noopener"><img src="http://адрескартинки.jpg" /></a></div></td>
  13. <td>
  14. <div class="td-all-devices"><a href="https://api.whatsapp.com/send?phone=номертелефона" target="_blank" rel="noopener"><img src="http://адрескартинки.jpg" /></a></div></td>
  15. </tr>
  16. </tbody>
  17. </table>
  18. <pre><strong>Tel:</strong>
  19. <span style="color: #3366ff;"><a style="color: #3366ff;" title="Позвонить" href="tel:+7ххххххххх">+7 (ххх) ххх-хх-хх</a> </span>(<span style="color: #ff0000;">звонок бесплатный</span>)
  20.  
  21. <a title="Позвонить" href="tel:+7ххххххххх"><span style="color: #3366ff;">++7 (ххх) ххх-хх-хх</span></a> (<span style="color: #ff0000;">звонок бесплатный</span>)
  22.  
  23. <em>+3-ххх-ххх-хх-хх
  24. </em>
  25. <strong>Email:</strong>
  26. хххххххххх@gmail.com</pre>
  27.  
  28.  
#15 24 февраля 2019 в 21:42
popcorn
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.