Sociální média Tweet Podívejte se na následující tlačítka pro Google Twitter a Facebook

.NET, Vytváření tlačítek pro sdílení sociálních médií s nebo bez Javascriptu v C # a VB.NET

Dalším způsobem - bez použití velkého množství JavaScript

Na svém původním blogu jsem dal pár kódů pro sdílení pomocí kódu níže, nicméně na našem novém webu to vypadalo, jako bychom byli penalizováni rychlostí kvůli nedostatku ukládání do mezipaměti a množství Javascriptu. Nyní jsem uvedl oba způsoby vytváření těchto tlačítek, jeden s JS a druhý s čistým kódem.

Jelikož se to týká sociálních médií, neváhejte a sdílejte to! To bylo 100% od roku 2015.

S Javascript - Starší cesta

Toto jsou vaše / následující tlačítka.

HTML - Like

<a href="https://twitter.com/Claytabase" class="twitter-follow-button" data-show-count="data-show-count" data-lang="en" data-show-screen-name="false">Claytabase</a>

</div>

Dalším způsobem - bez použití velkého množství JavaScript

A nyní pro HTML pro tlačítka sdílení.

HTML - Share

</div>

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>

</div>

</div>

</div>

<su:badge layout="1"></su:badge>

</div>

</div>

Dalším způsobem - bez použití velkého množství JavaScript

A teď je to JavaScript

JavaScript

<script type="text/javascript">
    (function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js =d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
   fjs.parentNode.insertBefore(js, fjs);
} (document, 'script','facebook-jssdk'));
</script>

<script type="text/javascript">
    (function () {
        var po = document.createElement('script'); po.type = 'text/javascript';po.async = true;
       po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
</script>

<script type="text/javascript">
    !function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (!d.getElementById(id)) {
    js =d.createElement(s);
    js.id =id; js.src = "//platform.twitter.com/widgets.js";
   fjs.parentNode.insertBefore(js, fjs);
    }
} (document, "script","twitter-wjs");
</script>

<script type="text/javascript">
    (function () {
    var li = document.createElement('script'); li.type = 'text/javascript';li.async = true;
    li.src =('https:' == document.location.protocol ? 'https:' : 'http:')+ '//platform.stumbleupon.com/1/widgets.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
    })();
</script>
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>


<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>

Dalším způsobem - bez použití velkého množství JavaScript

Pokud přidáte skript do dolní části stránky, načte se poslední, což vám poskytne rychlejší dobu načítání. Naštěstí chlapci na Facebooku, Google a Twitter přemýšleli dopředu a používali stejný Javascript pro tlačítka pro sdílení a podobně.

[]

Dalším způsobem - bez použití velkého množství JavaScript

Můžeme se k tomu chrastít trochu rychleji, níže je HTML a CSS pro sdílené a následné tlačítka. Proč nekontrolovat níže uvedený odkaz na použití obrázkových skriptů pro CSS?

More: Vytvoření scrollingu CSS

[]

Dalším způsobem - bez použití velkého množství JavaScript

A to je kód pro aktualizaci sdílených odkazů na správnou stránku. Také jsem přidal nějaký volitelný JavaScript, který po kliknutí otevře malé okno.

[]

Social Media Share Buttons Optional Javascript

function popupwindow(url, title, w, h) {

var left = (screen.width / 2) - (w / 2);

var top = (screen.height / 2) - (h / 2);

return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no,menubar=no, copyhistory=no, width=' + w + ',height=' + h + ', top=' + top + ', left=' + left);

}

</script>

Dalším způsobem - bez použití velkého množství JavaScript

Používejte je, abyste se ujistili, že když jsou položky sdíleny, nejprve se zobrazí obrázek, který chci zobrazit.

Social Media Share Buttons Optional Meta Tags

Dalším způsobem - bez použití velkého množství JavaScript

Jak jsem již řekl, sdílejte to prosím, pokud je to užitečné, a uvidíte, jak funguje každé tlačítko!