# Codificação de URL em Plugin Outlets

**URL:** https://meta.discourse.org/t/how-to-encode-urls-for-linkedin-share-buttons-in-discourse/299891
**Category:** Development
**Created:** [18 Março , 2024 23:36 UTC](https://meta.discourse.org/t/how-to-encode-urls-for-linkedin-share-buttons-in-discourse/299891 "2024-03-18T23:36:20Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![bruno\_at\_dq](https://avatars.discourse-cdn.com/v4/letter/b/bc8723/32.png) [@bruno\_at\_dq](https://meta.discourse.org/u/bruno_at_dq)
#### Post date: [18 Março , 2024 23:36 UTC](https://meta.discourse.org/t/how-to-encode-urls-for-linkedin-share-buttons-in-discourse/299891/1 "2024-03-18T23:36:20Z")

</div>

Estou tentando adicionar um botão de compartilhamento do LinkedIn aos emblemas em uma comunidade **hospedada pelo Discourse** em que sou administrador.

Para isso, estou tentando usar [este Plugin Outlet](https://github.com/discourse/discourse/blob/f8964f8f8ff1e386c50f22c804691191f546e9f8/app/assets/javascripts/discourse/app/components/badge-card.hbs#L30-L33). Incluí o seguinte código na seção `head` de um tema.

```html
<script type='text/x-handlebars' data-template-name='/connectors/badge-contents-top/linkedin-button'>
  <a href="https://www.linkedin.com/profile/add?certUrl=https://community.my_community.io{{@outletArgs.url}}" class="linkedin-share-button">
    <img src="https://download.linkedin.com/desktop/add2profile/buttons/en_US.png " alt="LinkedIn Add to Profile button">
  </a>
</script>

```

Observe o atributo `href`: `https://www.linkedin.com/profile/add?certUrl=https://community.my_community.io/{{@outletArgs.url}}`.

O valor de `@outletArgs.url` se parece com `https://community.my_community.io/badges/<badge_id>/<badge_name>?username=<username>`. Quero focar na parte `username=<username>`.

A URL não está codificada, o sinal de igual está sendo passado literalmente, então quando o navegador processa `https://www.linkedin.com/profile/add?certUrl=https://community.my_community.io/https://community.my_community.io/badges/<badge_id>/<badge_name>?username=<username>`, ele ignora `=<username>`.

Como codifico a URL aqui?

---

<div class="post-metadata">

### Author: ![bruno\_at\_dq](https://avatars.discourse-cdn.com/v4/letter/b/bc8723/32.png) [@bruno\_at\_dq](https://meta.discourse.org/u/bruno_at_dq)
#### Post date: [26 Março , 2024 17:20 UTC](https://meta.discourse.org/t/how-to-encode-urls-for-linkedin-share-buttons-in-discourse/299891/2 "2024-03-26T17:20:12Z")

</div>

Eu lidei com isso usando o [Discourse Theme CLI](https://github.com/discourse/discourse_theme) da seguinte forma:

- Criei um novo tema e o transformei em um componente (executei `discourse_theme new` e segui as instruções).

- Em `javascripts/discourse/connectors/badge-contents-top`, criei um arquivo JavaScript com conteúdo não muito diferente de. . .

- No mesmo diretório acima, criei um arquivo Handlebars que contém aproximadamente o HTML interno da tag script na pergunta.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [26 Março , 2024 17:22 UTC](https://meta.discourse.org/t/how-to-encode-urls-for-linkedin-share-buttons-in-discourse/299891/3 "2024-03-26T17:22:18Z")

</div>

> [@bruno\_at\_dq](#):
>
> `@service siteSettings;`

Não vejo aplicação para isso? É redundante?

---

<div class="post-metadata">

### Author: ![bruno\_at\_dq](https://avatars.discourse-cdn.com/v4/letter/b/bc8723/32.png) [@bruno\_at\_dq](https://meta.discourse.org/u/bruno_at_dq)
#### Post date: [26 Março , 2024 17:26 UTC](https://meta.discourse.org/t/how-to-encode-urls-for-linkedin-share-buttons-in-discourse/299891/4 "2024-03-26T17:26:43Z")

</div>

Sim! Obrigado por perceber isso.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [25 Abril , 2024 17:26 UTC](https://meta.discourse.org/t/how-to-encode-urls-for-linkedin-share-buttons-in-discourse/299891/5 "2024-04-25T17:26:46Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.