GrooveBlog > Rastreamento e Pixels > Incluir em <head> (Botões de Compartilhamento) Plugins Sociais

Vídeo Explicativo: https://www.loom.com/share/02c97badb9134e7b8c613091749c01fa

by Daniel Gualberto

HTML

<script src="https://kit.fontawesome.com/e7647a48d4.js"></script>
<link rel="stylesheet" href="https://unpkg.com/tailwindcss@%5E1.0/dist/tailwind.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- GrooveBlog > Configurações > Rastreamento e Pixels > Incluir em <head> -->
<!-- INÍCIO DO SCRIPT - BOTÕES DE COMPARTILHAMENTO -->
<script type="text/javascript">
  document.addEventListener('DOMContentLoaded', function() {
    var url_da_pagina = document.URL;
    var titulo_da_pagina = encodeURIComponent(document.title);
    titulo_da_pagina = (titulo_da_pagina = titulo_da_pagina || ((titulo_da_pagina = document.querySelector("meta[name='title']")) ? titulo_da_pagina.getAttribute("content") : null)) || ((titulo_da_pagina = document.querySelector("meta[property='og:title']")) ? titulo_da_pagina.getAttribute("content") : null);
    var desc_da_pagina = document.querySelector("meta[name='description']");
    desc_da_pagina = (desc_da_pagina = desc_da_pagina ? desc_da_pagina.getAttribute("content") : null) || ((desc_da_pagina = document.querySelector("meta[property='og:description']")) ? desc_da_pagina.getAttribute("content") : null);

    // INÍCIO DO BLOCO - COMPARTILHE AGORA
    var share_block = document.createElement('div');
    var share_block_el = '<h5 class="mt-4"><strong>Compartilhe agora!</strong></h5>';
    share_block_el += '<div class="flex items-center mt-4 text-3xl">';

    // FACEBOOK - INÍCIO DO BOTÃO
    share_block_el += '<div class="mr-4">' +
      '<a href="https://www.facebook.com/sharer/sharer.php?u=' + url_da_pagina + '" rel="nofollow" target="_blank">' +
      '<i class="fab fa-facebook-f" aria-hidden="true"></i>' +
      '</a></div>';
    // FACEBOOK - FIM DO BOTÃO

    // LINKEDIN - INÍCIO DO BOTÃO
    let linkedin_share_link = "https://www.linkedin.com/shareArticle?mini=true&url=" + url_da_pagina + "&title=" + titulo_da_pagina;
    linkedin_share_link =...

JavaScript

document.write('<div id="middle"><div class="flex-1"><div class="ql-editor"></div><div class="fb-comments border-solid border-grey-200" id="fb-comments"></div></div></div>');