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>

0 ответов

Другие вопросы по тегам