ember intercom io Download - ember intercom io Quellcode Download

ember intercom io

AI-Quellcode

v1.2.1

Herunterladen

Ember-Intercom-io

Intercom.io Integration für Ember.js Apps.

Aufstellen

Installieren Sie dieses Addon mit Ember-Cli ember install ember-intercom-io

Fügen Sie die {{intercom-io}} -Komponente zu einer Ihrer Vorlagen hinzu. Das Chat-Widget wird angezeigt, wenn diese Komponente gerendert wurde, und sollte bei der Zerstörung verschwinden.

Konfiguration

In Ihrer Datei config/environment.js müssen Sie Ihren appId bereitstellen

 module . exports = function ( environment ) {
  ...
  intercom: {
    appId : null , // <-- REPLACE WITH YOUR INTERCOM.IO app_id
    enabled : true , // <-- Setting to false in your testing environment prevents unneccessary network requests (true by default)
    userProperties : {
      createdAtProp : 'createdAt' ,
      emailProp : 'email' ,
      nameProp : 'name' ,
      userHashProp : 'hash' ,
      userIdProp : 'id'
    }
  } ,
  ...
} ;

Benutzer vs Leads

In der weltum intercom.io -Welt ist ein Lead ein Besucher Ihrer Website oder App, ohne dass eine E -Mail oder einen Namen zugeordnet ist. Ein Benutzer hat einen Namen und eine E -Mail und ist ein gutes Konstrukt für die Verfolgung der Geschichte aller Interaktionen mit einer einzelnen Person.

Sie können ember-intercom-io auf einen "Benutzer" -Kontext (den Modus "Benutzer" anstelle des "Leads" -Modus aufmerksam machen, indem Sie dem intercom Dienst ein Objekt hinzufügen (dh Ihr Benutzerauthentifizierungsdienst).

Wenn die Anwendung das intercom.user -Objekt aktualisiert, werden Änderungen an Intercom gesendet und in Ihrem Intercom -Dashboard reflektiert.

App/Services/Authentifizierung.js

 import Service , { inject as service } from '@ember/service' ;

export default Service . extend ( {
  intercom : service ( ) , // the intercom service
  didLogin ( user ) {
    ...
    this . get ( 'intercom' ) . set ( 'user.name' , 'Joe Username' ) ;
    this . get ( 'intercom' ) . set ( 'user.email' , '[email protected]' ) ;
    this . get ( 'intercom' ) . set ( 'user.createdAt' , 1447135065173 ) ;
  }
} ) ;

Benutzerdefinierte Eigenschaften

Um benutzerdefinierte Eigenschaften an Intercom zu senden, fügen Sie sie dem intercom.user -Objekt hinzu. Alle Immobiliennamen werden vor dem Senden unterstrichen. undefinierte Werte werden entfernt ( null wird jedoch aufbewahrt).

  let customProperties = {
    myCustomThing : 1 ,
    numberOfCats : false ,
    notDefined : undefined
  }
  set ( this , 'intercom.user' , customProperties ) ;

wird

 {
  my_custom_thing : 1 ,
  number_of_cats : false
}

API

Der intercom -Dienst enthält mehrere öffentliche API -Methoden, die die vorhandene JavaScript -API von Intercom.com entsprechen. Ausführliche Informationen zur Client -API finden Sie in den Intercom -Dokumenten.

Eigenschaften

Name	Typ
autoupdate	Boolean
HidefaultLauncher	Boolean
Isopen	Boolean
isbootet	Boolean
ungelesener	Ganze Zahl
Benutzer	Objekt

Methoden

Die folgenden Intercom -Methoden werden implementiert. Weitere Informationen finden Sie services/intercom.js .

boot()

update()

shutdown()

hide()

show()

showMessages()

showNewMessage()

trackEvent()

getVisitorId() gibt die aktuelle ID des angemeldeten im Benutzer zurück.

startTour() Ihr Intercom -Konto muss Produkttouren unterstützen

Ereignisse

Abonnieren Sie Ereignisse in Ihrer App mit Event -Hörern:

 //fancy-component.js

...

intercom : service ( ) ,
newMessageAlert : on ( 'intercom.unreadCountChange' , function ( ) {
    alert ( 'Unread Count Changed!' ) ;
} ) ,

...