Componentes de IU interativos para incorporação

Componentes interativos da interface de incorporação

Para alterar a interface da sua incorporação interativa, você pode adicionar parâmetros ao final da URL de incorporação. Se quiser alterar as cores ou fontes na sua incorporação, veja Personalizando a aparência.

Por exemplo, você pode desabilitar a barra de navegação superior e o menu lateral do Analytics assim:

your_embedding_url?top_nav=false&side_nav=false

Veja um exemplo usando o construtor de URL para adicionar parâmetros à URL do iframe:

const mods = "logo=false&top_nav=true&search=true&new_button=true";

app.get("/sso/metabase", restrict, (req, res) => {
  const ssoUrl = new URL("/auth/sso", METABASE_SITE_URL);
  ssoUrl.searchParams.set("jwt", signUserToken(req.session.user));
  ssoUrl.searchParams.set("return_to", `${req.query.return_to ?? "/"}?${mods}`);

  res.redirect(ssoUrl);
});

Os parâmetros incluem:

• Botões de ação
• Informações adicionais
• Breadcrumbs
• Tipos de entidade
• Cabeçalho
• Localidade
• Logo
• Botão Novo
• Busca
• Menu lateral
• Barra superior

Para garantir que os parâmetros de consulta sejam preservados ao usar o comportamento de clique, configure a opção Site URL no Admin como a URL do seu servidor do Analytics.

action_buttons

Visível por padrão nas páginas de perguntas quando o cabeçalho está ativado.

Para ocultar os botões de ação como Filter, Summarize, o botão do construtor de consultas e outros:

header=false&action_buttons=false

additional_info

Visível por padrão nas páginas de perguntas e dashboards quando o cabeçalho está ativado.

Para ocultar o texto cinza “Edited X days ago by FirstName LastName”, assim como os breadcrumbs com coleção, banco de dados e nomes de tabela:

header=false&additional_info=false

breadcrumbs

Exibido por padrão na barra de navegação superior. Os breadcrumbs da coleção mostram o caminho até o item (ou seja, a(s) coleção(ões) em que o item está). Isso não afeta os breadcrumbs de dados se o usuário tiver permissão para o Query Builder. Para ocultar os breadcrumbs:

breadcrumbs=false

data_picker

data_picker controla o menu para seleção de fontes de dados nas perguntas.

O comportamento padrão do data picker é:

• Mostrar tabelas e modelos.
• Excluir métricas e perguntas.
• Exibir um menu suspenso simples. Se houver 100 ou mais itens, o Analytics exibirá um data picker mais avançado.

Você pode optar pelo data picker completo definindo data_picker=staged:

O data picker acima tem três tipos de entidades selecionados:

data_picker=staged&entity_types=table,model,question

entity_types

Você pode mostrar ou ocultar diferentes tipos de entidade no data picker, na barra lateral e no menu do botão Novo. Por exemplo, pode querer mostrar apenas tabelas:

entity_types=table

Se apenas tabelas forem permitidas, a barra lateral não mostrará modelos:

Tipos de entidade disponíveis são:

• table
• model
• question (funciona apenas com data_picker=staged)

Você pode separar os tipos de entidade com vírgula:

entity_types=table,model

header

Visível por padrão nas páginas de perguntas e dashboards.

Para ocultar o título de uma pergunta ou dashboard, as informações adicionais e os botões de ação:

header=false

locale

Você pode alterar o idioma da interface do usuário via parâmetro. Por exemplo, para definir a localidade para espanhol:

locale=es

Leia mais sobre localização.

logo

Define se o logo que abre e fecha o menu lateral será exibido. O padrão é true. O comportamento do logo depende da configuração de side_nav:

logo	side_nav	Resultado
true	true	Exibe o logo configurado na barra lateral
true	false	Sem barra lateral nem funcionalidade do logo
false	true	Exibe um ícone genérico na barra lateral (cinza normalmente, com a cor da marca ao passar o mouse)
false	false	Sem barra lateral nem logo, com os breadcrumbs alinhados à borda esquerda

new_button

Oculto por padrão. Para exibir o botão + New usado para criar consultas ou dashboards:

top_nav=true&new_button=true

search

Oculto por padrão. Para exibir a caixa de busca na barra superior:

top_nav=true&search=true

side_nav

O menu lateral de navegação é exibido nas rotas /collection e na página inicial, e oculto em todos os outros lugares por padrão.

Para permitir que usuários minimizem o menu lateral:

top_nav=true&side_nav=true

top_nav

Exibido por padrão. Para ocultar a barra de navegação superior:

top_nav=false

O parâmetro top_nav controla a visibilidade da barra de navegação superior inteira. Quando top_nav é definido como false, todos os elementos filhos (search, new_button e breadcrumbs) são ocultados automaticamente. Quando top_nav está como true, você pode controlar individualmente a visibilidade desses elementos filhos.