ember intercom io Download - ember intercom io Code source Téléchargement

ember intercom io

Code Source AI

v1.2.1

Télécharger

Ember-Intercom-io

Intégration Intercom.io pour les applications Ember.js.

Installation

Installez cet addon avec Ember-Cli ember install ember-intercom-io

Ajoutez le composant {{intercom-io}} à l'un de vos modèles ' Le widget de chat apparaîtra chaque fois que ce composant a été rendu et devrait disparaître chaque fois qu'il est détruit.

Configuration

Dans votre fichier config/environment.js , vous devez fournir votre appId

 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'
    }
  } ,
  ...
} ;

Utilisateurs vs leads

Dans le monde Intercom.io, un prospect est un visiteur de votre site ou de votre application, sans e-mail ou nom associé. Un utilisateur a un nom et un e-mail, et est une bonne construction pour suivre l'historique de toutes les interactions avec une seule personne.

Vous pouvez sensibiliser ember-intercom-io d'un contexte "utilisateur" (passer en mode "utilisateurs" au lieu du mode "leads") en ajoutant un objet au service intercom (c'est-à-dire votre service d'authentification utilisateur).

Lorsque l'application met à jour l'objet intercom.user , les modifications seront envoyées à Intercom et reflétées dans votre tableau de bord Intercom.

app / services / authentication.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 ) ;
  }
} ) ;

Propriétés personnalisées

Pour envoyer des propriétés personnalisées à Intercom, ajoutez-les à l'objet intercom.user . Tous les noms de propriétés seront soulignés avant d'être envoyés. Les valeurs non définies seront supprimées (cependant, null est conservé).

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

devient

 {
  my_custom_thing : 1 ,
  number_of_cats : false
}

API

Le service intercom expose plusieurs méthodes API publiques qui correspondent à l'API JavaScript existante d'Intercom.com. Pour plus de détails sur l'API client, lisez les documents Intercom.

Propriétés

Nom	Taper
Autoupdate	Booléen
HidefaultLauncher	Booléen
isopen	Booléen
isolant	Booléen
dénouement	Entier
utilisateur	Objet

Méthodes

Les méthodes d'interphone suivantes sont implémentées. Voir services/intercom.js pour plus de détails.

boot()

update()

shutdown()

hide()

show()

showMessages()

showNewMessage()

trackEvent()

getVisitorId() Renvoie l'ID actuel de l'utilisateur connecté.

startTour() Votre compte d'interphone doit prendre en charge les visites de produits

Événements

Abonnez-vous aux événements de votre application avec des auditeurs d'événements:

 //fancy-component.js

...

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

...