Show Menu
TÓPICOS×

Caso de uso: criação de gestão de conteúdo

Para criar a gestão de conteúdo no Adobe Campaign, as seguintes etapas são necessárias:

Etapa 1 – Análise do conteúdo a ser produzido

Antes de começar, é preciso realizar uma análise precisa do conteúdo a ser produzido: identificar os elementos a serem exibidos, estudar as restrições vinculadas a eles, definir um tipo para cada elemento etc. Também é preciso diferenciar elementos estáticos e variáveis.
Por exemplo, para criar um boletim informativo em HTML com o seguinte tipo de conteúdo:
Este boletim informativo contém três tipos de elementos:
  1. Elementos variáveis, cujo conteúdo é inserido ou selecionado pelo usuário por meio de um formulário de entrada durante a criação do delivery.
  2. Campos de personalização inseridos dinamicamente com base nas informações salvas no banco de dados (nome e sobrenome do recipient nesse caso).
  3. Elementos estáticos, que são os mesmos para todos os boletins informativos.
Os vários elementos deste boletim são reunidos com base nas regras definidas em um template JavaScript que faz referência a todos os elementos a serem inseridos e define seu layout.
Esses elementos são criados por um schema dedicado que especifica os seguintes elementos para cada conteúdo: nome, rótulo, tipo, tamanho e quaisquer outras informações relevantes para o processamento no Adobe Campaign.

Etapa 2 – Criação do schema de dados

Um schema de dados é um documento XML associado ao conteúdo. Ele descreve a estrutura XML dos dados nesse conteúdo.
Para saber mais sobre como criar e configurar schemas de dados no Adobe Campaign, consulte esta seção .
Os elementos de configuração específicos para o gerenciamento de conteúdo são detalhados em Schemas de dados .
Para criar um schema de dados, siga as etapas abaixo:
  1. Open the Adobe Campaign Explorer and select the Administration > Configuration > Data schemas node.
    Clique no ícone New localizado acima da lista de schemas de dados.
  2. Select the Create a schema option for content management, then click Next .
  3. Insira o nome e o rótulo do schema nos campos apropriados. Se necessário, você pode adicionar uma descrição e vincular uma imagem específica.
    Clique em Next para validar.
  4. Insira o conteúdo do schema na janela Edit schema .
    Use o botão Insert para criar o conteúdo do schema.
    Para obter mais informações, consulte Edição de schemas .
    Para cada elemento referenciado no conteúdo, é necessário selecionar um tipo correspondente.
    Neste exemplo, o conteúdo identificado, seu formato e seu tipo são:
Conteúdo Formato Tipo Rótulo
Título Atributo Cadeia de caracteres Título
Subtítulo Atributo Cadeia de caracteres Nome
Data do evento Atributo Data Data
Parágrafo de introdução Elemento HTML Visão geral
Foto do autor Atributo Cadeia de caracteres URL
Autor Elemento Memorando Autor
Logotipo do cabeçalho (armazenado nos recursos públicos do Adobe Campaign) Atributo Link Imagem
O schema conterá as seguintes informações:
<element label="Invitation" name="invitation" template="ncm:content" xmlChildren="true">
    <compute-string expr="@name"/>
    <attribute label="Title" length="40" name="title" type="string"/>
    <element label="Presentation" name="presentation" type="html"/>
    <attribute label="Date" name="date" type="date"/>
    <attribute label="Name" length="10" name="name" type="string"/>
    <attribute label="URL" name="url" type="string"/>
    <element label="Author" name="author" type="memo"/>
    <element label="Image" name="image" target="xtk:fileRes" type="link"/>
  </element>

  1. Clique em Save para criar o schema de dados.

Etapa 3 – Criação do formulário de entrada

O formulário de entrada permite editar uma instância de conteúdo por meio de uma interface de entrada do console do cliente do Adobe Campaign.
A descrição de um formulário é um documento XML estruturado que está de acordo com a gramática do schema de formulários "xtk:form".
Para obter mais informações sobre como criar e configurar formulários no Adobe Campaign, consulte esta seção .
Os elementos de configuração específicos para o gerenciamento de conteúdo são detalhados em Formulários de entrada .
Para criar um formulário de entrada para gestão de conteúdo, siga as etapas abaixo:
  1. Open the Adobe Campaign Explorer and select the Administration > Configuration > Input forms node.
    Clique no ícone New acima da lista de formulários.
  2. Insira o nome do formulário e o rótulo vinculado ao formulário, e depois selecione o tipo Content management .
    Para permitir que ambos os elementos sejam compatíveis automaticamente, recomendamos o uso do mesmo nome do schema dos dados vinculados. Use o botão Insert acima da zona de entrada para adicionar campos do schema vinculado ao formulário.
  3. Na seção central do editor, especifique os campos que deseja exibir no formulário de entrada.
    Neste exemplo, teremos o seguinte tipo de informação:
     <input xpath="@title"/>
      <input xpath="@date"/>
      <input xpath="presentation"/>
      <input xpath="@name"/>
      <input xpath="@url"/>
      <input xpath="author"/>
      <input img="nl:sryimage.png" newEntityFormChoice="true" xpath="image">
        <sysFilter>
          <condition expr="@isImage = true"/>
        </sysFilter>
      </input>
    
    
    A guia Preview permite verificar a renderização do formulário enquanto você o edita:
  4. Clique em Save para criar o formulário de entrada.

Etapa 4 – Criação do template de construção

A linguagem XSLT permite transformar um documento XML em outro documento de saída. Essa transformação é descrita em XML em um documento chamado folha de estilos.
Neste exemplo, queremos usar um template JavaScript para definir a construção de dados e modo de layout no documento gerado.
As restrições vinculadas à criação do documento (template JavaScript ou XSL) são detalhadas em Formatação .
Para usar um template JavaScript no Adobe Campaign, siga as etapas abaixo:
  1. Open the Adobe Campaign Explorer and select the Administration > Configuration > JavaScript Templates node.
    Clique no ícone New acima da lista de templates.
  2. Insira um nome de template e selecione o schema que você criou para a gestão de conteúdo.
  3. Importe o conteúdo definido que deseja exibir na mensagem.
    Adicione os elementos variáveis, respeitando a sintaxe detalhada nos Templates JavaScript .
    Para exibir o conteúdo mostrado no nosso exemplo, o template JavaScript deve conter os seguintes elementos:
    <html>
    <% eval(xtk.javascript.load("xac:perso").data); %>
    <head>
      <title>Invitation to an exceptional dedication session</title>
    </head>
    <body link="#0E59AE" vlink="#0E59AE" alink="#0E59AE" style="background-color:white;">
        <table width="546" border="0" align="center" cellpadding="0" cellspacing="0" style="border-left: solid 1px gray;border-top: solid 1px gray;border-right: solid 1px gray;">
          <tr>
            <td colspan="3">
              <%= generateImgTag(content.@["image-id"]) %>
            </td>
          </tr>
        </table>
        <table width="546" border="0" align="center" cellpadding="0" cellspacing="0" style="border-left: solid 1px gray;border-right: solid 1px gray;">
          <tr>
            <td>
              <table border="0" cellspacing="0" cellpadding="5">
                <tr>
                  <td width="10"> </td>
                  <td style="padding-top:2em; padding-bottom:2em;" width="730" align="middle">
                    <b>
                      <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#800080;">
                        <span style="FONT-VARIANT: small-caps"><%= content.@title %> - <%= content.@name %></span>
                      </font>
                    </b>
                  </td>
                  <td width="10"> </td>
                </tr>
                <tr>
                  <td width="10"> </td>
                  <td style="padding-top:1em; padding-bottom:1em;" width="730">
                    <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;">
                      Hello <%= perso('recipient.firstName') %> <%= perso('recipient.lastName') %>,
                      <p>
                        <%= content.presentation %>
                      </p>               
                      <center>
                        <b><%= formatDate(content.@date, "%2D %Bl %4Y") %></b> come to our Book Fair and meet our favorite authors and illustrators.<br>
                        <br>
                        <a href="https://www.site.web.com/registration" target="_blank"><b>REGISTER</b></a>
                      </center>
                    </font>
                  </td>
                  <td width="10"> </td>
                </tr>
                <tr>
                  <td width="10"> </td>
                  <td style="padding-top:1em; padding-bottom:1em;" width="730">
                    <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;">
                     <img style="float:left;margin-right:10px" border="0" src="<%= content.@url %>" width="70" height="70">
                      <b><%= content.author %></b>, will be signing their book between 2
    and 5:30PM.
                    </font>
                  </td>
                  <td width="10"> </td>
                </tr>            
                    <tr>
                  <td width="10"> </td>
                  <td width="730">
                    <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;">                  
                  </td>
                  <td width="10"> </td>
                </tr>           
                <tr>
                  <td width="10"> </td>
                  <td>
                    <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;">
                      <center>
                        <p>
                          <a href="https://www.site.web.com/program" target="_blank"><span style="FONT-VARIANT: small-caps"><b>Program</b></span></a>
                           | 
                          <a href="https://www.site.web.com/information" target="_blank"><span style="FONT-VARIANT: small-caps"><b>Useful information</b></span></a>
                           | 
                        <a href="https://www.site.web.com/registration" target="_blank"><span style="FONT-VARIANT: small-caps"><b>Register</b></span></a></p>
                        </center>
                      </font>
                    </td>
                    <td width="10"> </td>
                  </tr>
                </table>
                <br>
              </td>
            </tr>
          </table>
    </body>
    </html>
    
    
    A chamada de uma função no início de um template permite configurar uma chamada para dados de personalização obtidos do banco de dados do Adobe Campaign (nesse caso: recipient.firstName e recipient.lastName), para que possa ser interpretado quando usado em um delivery. Para obter mais informações, consulte Inclusão de um template JavaScript .
    Neste exemplo, a função conterá o seguinte código:
    function perso(strPerso)
    {
      var strStart = '<' + '%' + '=';
      var strEnd = '%' + '>';
      return strStart + strPerso + strEnd;
    }
      function bloc(strPerso)
    {
      var strStart = '<' + '%' + '@ include view="';
      var strEnd = '" %' + '>';
      return strStart + strPerso + strEnd;
    }
    
    
    Para que o template JavaScript seja válido, essa função deve ser criada antes do nó JavaScript codes na estrutura da árvore, conforme abaixo:

Etapa 5 – Criação do template de publicação

A próxima etapa envolve criar um template de publicação de conteúdo para vincular o schema, o formulário e o template de criação de conteúdo. Esse template de publicação pode ter vários formatos de saída.
Para obter mais informações sobre publicação de conteúdo, consulte Templates de publicação .
Neste exemplo, as etapas são as seguintes:
  1. Create a new publication template via the Administration > Configuration > Publication templates node.
  2. Insira um nome e um rótulo, depois selecione o schema e o formulário a ser usado.
  3. Em seguida, digite o nome do template e escolha o modo de renderização que deve ser aplicado. Este é um tipo de renderização JavaScript baseado no template criado acima.
    A opção DOM interface é marcada por padrão e isso significa que esse documento não estará acessível se a sintaxe E4X for usada. A interface DOM deve ser usada quando esta opção é marcada e é a sintaxe recomendada.
    Ainda é possível usar a sintaxe E4X. Neste caso, desmarque esta opção.
    Utilize o botão Add para criar outros templates de transformação.
  4. Clique em Save para criar o template de publicação.

Etapa 6 - Criação de conteúdo

Agora é possível criar conteúdo com base nesse template de publicação.
Para obter mais informações sobre como criar conteúdo, consulte Uso de um template de conteúdo .

Criação de conteúdo no assistente do delivery

Para criar conteúdo diretamente nos deliveries, siga as etapas abaixo:
  1. Comece fazendo referência ao template de publicação por meio da guia Advanced das propriedades do delivery.
    Uma guia adicional é incluída ao assistente do delivery para definir o conteúdo através do formulário de gestão de conteúdo.
  2. Insira as informações da variável do seu boletim informativo.
  3. Click the HTML preview tab to view the rendering. Você precisa selecionar um recipient para testar a personalização.