{"id":233173,"date":"2023-02-06T19:21:00","date_gmt":"2023-02-06T16:21:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233173"},"modified":"2023-02-09T16:08:26","modified_gmt":"2023-02-09T13:08:26","slug":"como-adicionar-um-menu-suspenso-de-compartilhamento-apos-cada-postagem-javascript","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-adicionar-um-menu-suspenso-de-compartilhamento-apos-cada-postagem-javascript\/","title":{"rendered":"Como adicionar um menu suspenso de compartilhamento ap\u00f3s cada postagem? (Javascript)"},"content":{"rendered":"

A lista suspensa a seguir para compartilhar a postagem atual em v\u00e1rios sites \u00e9 adicionada ao blog wordpress (voc\u00ea tamb\u00e9m pode adicion\u00e1-la ao seu pr\u00f3prio site).<\/p>\n

share-dropdown-list-javascript<\/p>\n

O c\u00f3digo Javascript e HTML \u00e9 o seguinte, e voc\u00ea pode adicion\u00e1-lo ao local que exibe os artigos (por exemplo, single.php no template wordpress).<\/p>\n

<script language=\"Javascript\">\nfunction openlink(link) {\n\u00a0 \u00a0 if (link) {\n\u00a0 \u00a0 \u00a0 \u00a0 var title = document.title.split(\" | \")[0];\n\u00a0 \u00a0 \u00a0 \u00a0 var url = window.location;\n\u00a0 \u00a0 \u00a0 \u00a0 var x = \"\";\n\u00a0 \u00a0 \u00a0 \u00a0 if (link == \"milnk\") {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 x = \"<a class=\"vglnk\" target=\"_blank\" href=\"http:\/\/milnk.com\/link\/submit?u=\" rel=\"nofollow\"><span>http<\/span><span>:\/\/<\/span><span>milnk<\/span><span>.<\/span><span>com<\/span><span>\/<\/span><span>link<\/span><span>\/<\/span><span>submit<\/span><span>?<\/span><span>u<\/span><span>=<\/span><\/a>\" + encodeURIComponent(url) + \"&t=\" + encodeURIComponent(title);\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 else if (link == \"wayback\") {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 x = \"<a class=\"vglnk\" target=\"_blank\" href=\"http:\/\/web.archive.org\/save\/\" rel=\"nofollow\"><span>http<\/span><span>:\/\/<\/span><span>web<\/span><span>.<\/span><span>archive<\/span><span>.<\/span><span>org<\/span><span>\/<\/span><span>save<\/span><span>\/<\/span><\/a>\" + url;\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 if (x) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 window.open(x);\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 }\n}\n<\/script>\n<select onchange=\"javascript:openlink(this.value)\">\n<option selected=\"\">Share This to...<\/option>\n<option value=\"milnk\">Milnk<\/option>\n<option value=\"wayback\">Wayback Machine<\/option><\/select><\/code><\/pre>\n
A URL atual \u00e9 obtida por Javascript window.location<\/strong> e o t\u00edtulo \u00e9 recuperado usando document.title<\/strong>. A fun\u00e7\u00e3o encodeURIComponent<\/strong> \u00e9 usada para codificar os caracteres especiais na string de URL.<\/p>\n
Para habilitar mais op\u00e7\u00f5es (site de compartilhamento), voc\u00ea s\u00f3 precisa adicionar mais instru\u00e7\u00f5es if de acordo. Para ver isso, veja a fonte HTML da p\u00e1gina atual e voc\u00ea ver\u00e1 uma lista completa de op\u00e7\u00f5es de compartilhamento.<\/p>\n
Atualiza\u00e7\u00e3o: 01\/02\/2016 Simples AddEste c\u00f3digo est\u00e1 dispon\u00edvel no github: (op\u00e7\u00f5es para adicionar Tumblr<\/a> e c\u00f3digo QR<\/a> )<\/p>\n
https:\/\/github.com\/DoctorLai\/addthis<\/a><\/p>\n
Uso:<\/p>\n
<script>\nvar sharedropdown_english = true; \/\/ Set false if using Chinese\nvar sharedropdown_rss = null; \/\/ Feed URL subscription\n<\/script>\n<div id=\"sharedropdown\"> <\/div>\n<div id=\"sharedropdown_qr\"> <\/div>\n<script src=\"<a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/helloacm.com\/js\/addthis.js\" rel=\"nofollow\"><span>https<\/span><span>:\/\/<\/span><span>helloacm<\/span><span>.<\/span><span>com<\/span><span>\/<\/span><span>js<\/span><span>\/<\/span><span>addthis<\/span><span>.<\/span><span>js<\/span><\/a>\" async><\/script><\/code><\/pre>\n
Fonte de grava\u00e7\u00e3o:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Como adicionar um menu suspenso de compartilhamento ap\u00f3s cada postagem? (Javascript)<\/p>\n","protected":false},"author":1,"featured_media":224548,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[898,733,846,867],"tags":[1170],"class_list":["post-233173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo-2","category-javascript-8","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/233173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=233173"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/233173\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/224548"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=233173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=233173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=233173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}