Пользовательская кнопка Tweet не отправляет текст - PullRequest
Новая
       65

Пользовательская кнопка Tweet не отправляет текст

1 голос
/ 30 января 2020

Я размещаю кнопку Tweet на своем веб-сайте, но, похоже, текст не отображается.

Мой код: 

var url = encodeURIComponent(window.location.href);
var title = document.title;
<a target="_blank" href="https://twitter.com/intent/tweet/?text=Check%20Out%20-"+title+"&url="+url+"">tweet</a>

Я хочу прочитать твит;

Оформить заказ - [Название моей страницы] - [URL моей страницы]

Когда я нажимаю кнопку, меня перенаправляют на https://twitter.com/intent/tweet/?text=, и я вижу окно Tweet, которое отображает Check Out -, но никакого другого текста?

Я добавляю этот код в Joomla CMS, если это что-то меняет (я не хочу использовать сторонние плагины и т. д. c.).

Любая помощь приветствуется.

Ответы [ 3 ]

0 голосов
/ 30 января 2020

Измените свой код на это: 

$(document).ready(function() {
    var url = encodeURIComponent(window.location.href);
    var title = document.title;
    
    $('#customTweetButton').attr('href', "https://twitter.com/intent/tweet/?text=Check%20Out%20-%20" + title + "&url=" + url);
    
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="customTweetButton" target="_blank">Tweet</a>
0 голосов
/ 30 января 2020

Один из способов, с помощью которого я бы подошел к этому, - вставить тег <a> в спецификацию c <div> внутри моего HTML, используя Javascript. 

var url = encodeURIComponent(window.location.href);
var title = document.title;

document.getElementById("tweetAction").innerHTML = `<a target="_blank" href="https://twitter.com/intent/tweet/?text=Check%20Out%20-` + title + `&url=`+ url + `">tweet</a>`
<div id="tweetAction"><div>

Попробуйте ссылку на твит, открыв ее в новой вкладке.

0 голосов
/ 30 января 2020

Это потому, что вы не можете получить доступ к js переменным в вашей HTML разметке.

Это означает, что переменные не будут найдены.

...