Install Messenger in Salesforce Experience Cloud

Im trying to install the Messenger app in Salesforce Community. I found this old article but it seems incomplete. 

Im wondering if I could get help with this integration. 

I Edit the Head Markup in the Salesforce Community with the pre-filled script.

Then in a lightning component I tried to Instantiate the Intercom instance:

import { LightningElement, api } from 'lwc';

export default class IntercomApp extends LightningElement {

    connectedCallback() {
        try {
            window.intercomSettings = {
               api_base: 'https://api-iam.intercom.io',
               app_id: 'my-app-id-here'
           };
        } catch (error) {
            console.error(error);
        }
    }
}

I get this warning:

frame-modern.812d2c17.js:1 sIntercom] The App ID in your code snippet has not been set. Set it to your App ID found in settings to complete installation: https://app.intercom.com/a/apps/_/settings/web

With this message below:
cIntercom] Launcher is disabled in settings or current page does not match display conditions