URL сократить и поделиться
РЕДАКТИРОВАТЬ:
Я думаю, что нашел решение для этого. Может быть немного примитивно, но вставлять его здесь, пока кто-то не придумает лучшего решения.
Спасибо!
<html>
<body onload="makeShort()">
<p id="button" style=display:none; onclick="makeShort()">Click me.</p>
<span id="output" style=display:none; >Wait. Loading....</span>
</body>
<head>
</head>
<script type="text/javascript">
function makeShort()
{
var longUrl=location.href;;
var request = gapi.client.urlshortener.url.insert({
'resource': {
'longUrl': longUrl
}
});
request.execute(function(response)
{
if(response.id != null)
{
str =""+response.id+"";
document.getElementById("output").innerHTML = str;
}
else
{
alert("error: creating short url n"+ response.error);
}
});
}
window.onload = makeShort;
function load()
{
//Get your own Browser API Key from https://code.google.com/apis/console/
gapi.client.setApiKey('AIzaSyBiwOAueqUTCeBeHDkPmj5vlciA2wpXd7U');
gapi.client.load('urlshortener', 'v1',function(){document.getElementById("output").innerHTML="";});
}
window.onload = load;
</script>
<script>
setTimeout(function(){
document.getElementById('button').click();
},1000);
</script>
<script src="https://apis.google.com/js/client.js"> </script>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<script>
function SendLinkByMail(href) {
var subject= "Interesting Information";
var body = document.getElementById("output").innerHTML;
body += " Interesting Information";
var uri = "mailto:?subject=";
uri += encodeURIComponent(subject);
uri += "&body=";
uri += encodeURIComponent(body);
window.open(uri);
}
</script>
</head>
<body>
<p><a href="javascript:(function()%7BSendLinkByMail()%3B%7D)()%3B">Email link to this page</a></p>
</body>
</html>
Я как бы застрял в том, что может показаться очень простым для большинства из вас, ребята. На самом деле, я надеюсь, что это поможет таким любителям, как я, которые ищут решение этой проблемы.
Краткое объяснение:
- У меня есть длинный URL-адрес, который содержит параметры, и я хочу, чтобы весь URL-адрес был разделен между пользователями через общий доступ с кнопками электронной почты / WhatsApp. Параметры определяют поведение страницы в соответствии с предпочтениями пользователя, поэтому они важны. Но URL-адрес также очень длинный, и я хочу, чтобы он был сокращен с помощью URL-адреса.
Итак, у меня есть следующий скрипт, который сокращает файл location.href с помощью google api, но я не смог найти способ сделать кнопку, чтобы поделиться ссылкой с электронной почтой и WhatsApp. Любая помощь приветствуется.
Спасибо
function makeShort()
{
var longUrl=location.href;;
var request = gapi.client.urlshortener.url.insert({
'resource': {
'longUrl': longUrl
}
});
request.execute(function(response)
{
if(response.id != null)
{
str ="<b>Long URL:</b>"+longUrl+"<br>";
str +="<b>Short URL:</b> <a href='"+response.id+"'>"+response.id+"</a><br>";
document.getElementById("output").innerHTML = str;
}
else
{
alert("error: creating short url n"+ response.error);
}
});
}
function load()
{
//Get your own Browser API Key from https://code.google.com/apis/console/
gapi.client.setApiKey('xxxxxxxxxxxxxxxxxx');
gapi.client.load('urlshortener', 'v1',function(){document.getElementById("output").innerHTML="";});
}
window.onload = load;
<html>
<head>
</head>
<script src="https://apis.google.com/js/client.js"> </script>
<body>
<input type="button" value="Create Short" onclick="makeShort();" /> <br/> <br/>
<div id="output">Wait. Loading....</div>
</body>
</html>