Website sharing

How about integrating a little share icon on your website?

If you want, you can right click and save them or even better create your own buttons. The target link would look like this: https://t.me/share/url?url=.

In case you want to share telegram.wiki, you would use this link: https://t.me/share/url?url=https://telegram.wiki

Live example: IP checker. As you can see not even an icon is needed.

CSS-based Share Button

Or how abput some pretty cool CSS-based button? It can be used in situations when you want the button to load faster or scale for larger screens.

Here's the HTML snippet:

<a class="telegram-share" href="javascript:window.open('https://t.me/share/url?url='+encodeURIComponent(window.location.href), '_blank')">
  <i></i>
  <span>Telegram</span>
</a>

CSS code:

.telegram-share{
  position: relative;
  display: inline-block;
  height: 20px;
  padding: 1px 8px 1px 6px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  background-color: #0088cc;
  border-radius: 3px;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 11px;
}

.telegram-share span{
  display: inline-block;
  margin-top: 3px;
}

.telegram-share i{
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 12px;
  background-repeat: no-repeat;
  background-position-y: 4px;
  background-size: 10px;
  /* This image is included below :) */
  background-image: url(/assets/telegram-plane.png);
}

.telegram-share:hover{
  background-color: #007dbb;
}

.telegram-share:active{
  background-color: #026698;
}

and here is the pretty Telegram plane .png file (right click to save it).

If you implemented the button correctly, it should look like this:

Browser bookmarklet

javascript:void(location.href='https://t.me/share/url?url='+encodeURIComponent(location.href))

Drag and drop the code to your browser bookmarks. When you find a website you want to send to Telegram, press the button and you can share the URL with your friends on Telegram.