Incorporación de nuevos componentes a Block Manager

Estoy intentando añadir varios componentes que están en mi canvas al gestor de bloques, pero creo que por un problema de identificación no son visibles correctamente. ¿A qué se refiere exactamente el id? Aquí está mi código:

  const bm = editor. Jefe de bloque;
  bm.add("social-sign-in-butttons-section", {
    etiqueta: "Inicio de sesión en Facebook",
    Contenido:
      '<div class="tira de la izquierda botón de inicio de sesión social rellenando-derecha-pequeño" data-gjs-droppable=".fa .fa-facebook-square">' +
      '<img data-gjs-draggable=".social-log-in-button" src="facebook.png" id="facebook" title="facebook" class="fa fa-facebook-square fa-3x ">' +
      "</img>" +
      "</div>",
    atributos: {
      Clase: "FA FA-Facebook"
    }
  });

bm.add("el-bloque-fila", {
    etiqueta: "Inicio de sesión en GooglePlus",
    Contenido:
      '<div class="tirar-izquierda-social-sign-in-button-padding-right-small">' +
      '<img src="google.png" id="googleplus" título="googleplus" clase="fa fa-google-plus-cuadrado fa-3x ">' +
      "</img>" +
      "</div>",
    atributos: {
      Clase: "FA FA-Google-plus-Cuadrado"
    }
  });

bm.add("el-bloque-fila", {
    etiqueta: "Inicio de sesión en LinkedIn",
    Contenido:
      '<div class="tirar-izquierda-social-sign-in-button-padding-right-small">' +
      '<img src="linkedin.png" id="linkedin" título="linkedin" clase="fa fa-linkedin-cuadrado fa-3x">' +
      "</img>" +
      "</div>",
    atributos: {
      Clase: "FA FA-Linkedin-Square"
    }
  });