Avoir un lien ou une sorte de bouton "Shorten" pour obtenir un lien raccourci type Goo.gl

[tony59]

Bonjour,

J'ai trouver sur un site ceci :

J'aimerais beaucoup intégrer un bouton de ce type sur mon forum pour obtenir rapidement et facilement un lien raccourci
de la page sur laquelle on est actuellement.
Car c'est très simple et rapide, quand on clic dessus, on ne change pas de page, c'est ceci qui arrive devant :

Mais ce bouton apparemment n'existe que sur les blogs avec "Over Blog"

Connaissez vous un service de ce type que je pourrais intégrer sur mon forum (un script, html...) ?
Ou mieux encore, une sorte de bouton de http://goo.gl/ comme "Shorten" ?

Le principe serait donc tout simplement que quand mes membres cliquent dessus, un lien raccourcis en un minimum de caractères
soit ajouté à leur presse papier ou soit affiché tout simplement, sans pour autant changer de page bien sûr.

Pouvez vous m'aider?

Merci d'avance.
Tony

[Anzu]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[tony59]

Up !
Pardon..

[tony59]

Up?

[tony59]

Up?

[tony59]

Un petit UP

[tony59]

Up ?

[tony59]

Up

[tony59]

Up?

[tony59]

Up svp? Ca peut certes paraitres étrange mais ça serait franchement super pratique et utile je trouve

[tupac]

Bonjour

J'ai trouvé ceci sur la toile si cela peut vous aider.

Cordialement

[tony59]

Bonjour Tupac

Merci mais non ce n'est pas ce que je recherche, ça c'est juste le code d'un site de raccourcissement url, je ne veux pas créer un nouveau site, ce que je souhaites c'est d'avoir une sorte de bouton comme le bouton "SHORTEN" sur http://goo.gl/
C'est à dire : pas besoin de taper une adresse pour la raccourcir, on clic sur ce bouton qui sera présent sur toutes les pages de mon forum, et ça donnera directement le lien raccourcis

[Chacha]

Bonjour tony59

Je ne sais pas si ceci vous conviendrait ? VOIR ICI
Il y a plusieurs possibilités, mais je n'ai pas tout lu...

Cordialement

[tony59]

Bonjour,

Désolé j'ai essayer tout les codes etc dessus mais ça ne fonctionne pas ou alors ça fait tout simplement un gadget où il faut qu'on écrire le lien nous même et puis même ça ne marche pas il met pas le lien raccourcis, en fait ce que je recherche ça serait plutôt que le lien soit automatiquement raccourcis, un peu comme l'extension "google shortener" qui affiche un bouton sur le navigateur en fait. Par exemple via les valeurs "url" ou" topic" entre { et } que j'aurais personnaliser quoi

[tony59]

Up? Je vais essayer de mieux formuler ma demande, en fait j'aimerais ce type de bouton :

sur mes topics, et donc uniquement ce bouton où quand on clic dessus, un lien raccourcis apparait ou est à ajouter à mon presse papier. Un peu comme Goo.gl :
<iframe name="frame" src="http://goo.gl/" frameborder="no" height="700" scrolling="auto" width="700"></iframe>

[Anzu]

Edit Anzu: Sujet déplacé à la demande de l'auteur.

[tony59]

Un petit up?

[Ea]

Bonjour,


C'est possible mais l'api de goo.gl ( lien documentation ) nécessite une requête de type POST vers "https://www.googleapis.com/urlshortener/v1/url".

En javascript il n'y a pas moyen d'envoyer une requête POST à un autre domaine ( et https://www.googleapis.com est un autre domaine que celui de votre forum ), il faudrait donc passer par une page tierce ( en appuyant sur le bouton, on charge la page tierce avec l'adresse de la page en paramètre, la page tierce fait la requête POST à google et renvoie le mini-lien à la page avec le bouton qui l'affiche ).

Pour cela il vous faudrait par exemple un hébergement php permettant de faire des requêtes POST ( avec curl ou un autre moyen ).

( ou alors il suffit de trouver un raccourcisseur d'url fonctionnant avec javascript, par exemple bitly semble permettre l'accès par du javascript à n'importe quel domaine, donc ce serait possible sans passer par une page tierce )

[tony59]

Bonjour Etana,

Merci beaucoup de votre réponse, je peux en effet me procurer un heberger pour des fichier en php si necessaire pour goo.gl
En revanche en ce qui concerne Bitly je ne comprend pas trop par quoi commencer, il y a tellement de codes différents proposés sur cette page que j'y suis réellement perdu

[Ea]

Pour bitly il faut faire un compte, ensuite aller chercher l'apikey et le pseudo là :

=> http://bitly.com/a/your_api_key

Et mettre un script de ce style là sur toutes les pages ( voir gestion des codes javascript ) :

Code:

var bitlyUsername= "username bitly";
var bitlyAPIKey= "R_apikey-bitly";

$(function() {
  $("#page-body").prepend('<div id="shortlink" style="text-align:center"><input type="button" value="Lien vers cette page" /></div>').find("#shortlink input").click(function() {
    var a = new XMLHttpRequest;
    a.open("GET", "http://api.bitly.com/v3/shorten?login=" + bitlyUsername + "&apiKey=" + bitlyAPIKey + "&longUrl=" + encodeURIComponent(document.location.href) + "&format=txt");
    a.onreadystatechange = function() {
      if(a.readyState == 4) {
        var b = "", b = a.status == 200 ? a.responseText : document.location.href;
        $("#shortlink").html('<input type="text" value="' + b + '" />').find("input").select()
      }
    };
    a.send()
  })
});

Dans lequel il faut mettre son nom d'utilisateur et clé d'api.

Pour la personnalisation, en modifiant la partie :

Code:

$("#page-body").prepend

On le met un peu où on veut ( ici ça le met au début de <div id="page-body"> ).

[tony59]

Merci énormément Etana, j'ai donc rajouter une div vierge à l'endroit exacte où je voulais mettre cela et je trouve très utile, par exemple pour ceux qui ne connaissent pas ces outils type "raccourcisseur d'url" que ça soit pour partager via twitter où le nombre de caractère y est limité ou bien tout simplement par sms etc bref merci beaucoup ça marche super bien, et en plus c'est très rapide sans pour autant quitter la page :p