---
title: "Advanced Usage"
canonical_url: "http://localhost/organization-postings/advanced-usage"
---
# Advanced Usage

## Configuration

praktikum.io Organization Posting Embeds can be configured using attributes on the `<script>` element. The following attributes are supported:

<table>
<thead>
  <tr>
    <th>
      Attribute
    </th>
    
    <th>
      Default
    </th>
    
    <th>
      Type
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <code>
        data-embed-id
      </code>
    </td>
    
    <td>
      
    </td>
    
    <td>
      <code className="language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight" language="ts-type" style="">
        <span class="sBMFI">
          string
        </span>
      </code>
      
       The embed ID provided to you by stafftastic
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        data-target
      </code>
    </td>
    
    <td>
      
    </td>
    
    <td>
      <code className="language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight" language="ts-type" style="">
        <span class="sBMFI">
          string
        </span>
      </code>
      
       The ID of the element where the embed will be mounted
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        data-locale
      </code>
    </td>
    
    <td>
      <code>
        de
      </code>
    </td>
    
    <td>
      <code className="language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight" language="ts-type" style="">
        <span class="sBMFI">
          string
        </span>
      </code>
      
       Either <code>
        en
      </code>
      
       or <code>
        de
      </code>
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        data-param-namespace
      </code>
    </td>
    
    <td>
      
    </td>
    
    <td>
      <code className="language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight" language="ts-type" style="">
        <span class="sBMFI">
          string
        </span>
      </code>
      
       Scope the URL query parameters used by the embed
    </td>
  </tr>
</tbody>
</table>

<note>

`data-param-namespace` is optional. You usually only need it if you want to avoid conflicts with other URL parameters on the same page. The namespace is prepended to all URL parameters used by the embed, separated by a colon. For example, if you set `data-param-namespace="stafftastic"`, the page parameter will be stored in the URL as `stafftastic:page[number]` instead of just `page[number]`.

</note>

<warning>

`data-locale` will not change the language of the embed if the user has a different language preference set in their browser. It will only be used as a fallback if no preference is set or a preference is set that is not supported by the embed.

</warning>

## Query parameters

<table>
<thead>
  <tr>
    <th>
      Query Parameter
    </th>
    
    <th>
      Default
    </th>
    
    <th>
      Type
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <code>
        page[number]
      </code>
    </td>
    
    <td>
      <code>
        1
      </code>
    </td>
    
    <td>
      <code className="language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight" language="ts-type" style="">
        <span class="sBMFI">
          number
        </span>
      </code>
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        filter[distance]
      </code>
    </td>
    
    <td>
      <code>
        25000
      </code>
    </td>
    
    <td>
      <code className="language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight" language="ts-type" style="">
        <span class="sBMFI">
          number
        </span>
      </code>
      
       Search radius in meters
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        filter[latitude]
      </code>
    </td>
    
    <td>
      
    </td>
    
    <td>
      <code className="language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight" language="ts-type" style="">
        <span class="sBMFI">
          number
        </span>
      </code>
      
       Latitude of the search origin
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        filter[longitude]
      </code>
    </td>
    
    <td>
      
    </td>
    
    <td>
      <code className="language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight" language="ts-type" style="">
        <span class="sBMFI">
          number
        </span>
      </code>
      
       Longitude of the search origin
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        filter[location]
      </code>
    </td>
    
    <td>
      
    </td>
    
    <td>
      <code className="language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight" language="ts-type" style="">
        <span class="sBMFI">
          string
        </span>
      </code>
      
       Human-readable label for the search location
    </td>
  </tr>
</tbody>
</table>

<note>

These query parameters will be prefixed with the `data-param-namespace` if it is set. For example, if `data-param-namespace="stafftastic"`, the page parameter will be stored in the URL as `stafftastic:page[number]` instead of just `page[number]`.

</note>


## Sitemap

See the full [sitemap](http://localhost/sitemap.md) for all pages.