# Aggiunta di un widget esterno al composer

**URL:** <https://meta.discourse.org/t/adding-an-outside-widget-to-composer/207563>\
**Category:** Development\
**Created:** [29 Ottobre 2021, 4:39pm UTC](https://meta.discourse.org/t/adding-an-outside-widget-to-composer/207563 "2021-10-29T16:39:14Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Dugen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dugen/32/198936_2.png) [@Dugen](https://meta.discourse.org/u/Dugen)\
**Post date:** [8 Novembre 2021, 9:23pm UTC](https://meta.discourse.org/t/adding-an-outside-widget-to-composer/207563/6 "2021-11-08T21:23:43Z")

</div>

Grazie per avermi indicato la giusta direzione, sembra che incontri un altro problema, non si carica/renderizza quando apro la pagina dell’argomento che utilizzerebbe lo script. Solo dopo aver aggiornato la pagina si carica correttamente, ma non sempre. È perché Discourse è un’applicazione a pagina singola, sto solo cercando di capire se la mia conoscenza di Discourse è carente o se c’è qualcosa che devo programmare da solo.

Ecco il codice che sto attualmente utilizzando. Qualsiasi indicazione sarebbe molto apprezzata

```plaintext
 let loadScript = require('discourse/lib/load-script').default;
  api.decorateCooked($elem => { $elem.children('div[data-PAWidget]').ready(function() {
         $elem.children('div[data-PAWidget]').append(" <div id='PurpleAirWidget_11726_module_AQI_conversion_C0_average_0_layer_standard'>Loading PurpleAir Widget...</div>");
       loadScript("https://www.purpleair.com/pa.widget.js?key=21R72LUN79CXRZ50&module=AQI&conversion=C0&average=0&layer=standard&container=PurpleAirWidget_11726_module_AQI_conversion_C0_average_0_layer_standard").then(()=>{       
    })  
  })     
  });

```

---

_[View the full topic](https://meta.discourse.org/t/adding-an-outside-widget-to-composer/207563)._