Social Media

General:

With adding Social Media augmentation you can easily direct the user to specific content or account. This helps increase the probability of connecting the viewer to your social media appearance.

We currently offer direct plugins for Facebook, Twitter and LinkedIn, more platforms are about to come with future releases.

FACEBOOK

To insert a Facebook element first you need to select what type of social content you want to use.

Currently, there are four options. Embed Like / Embed Post / Embed Page / Embed Group

 Below you will find a detailed overview of these options.

How to add a Like:
  • Copy the URL of the Facebook Page
  • Click on the Social Media button
  • Select “Embed Like”
  • Paste the URL in Atributes sections on the right – where it says “URL of Facebook Page”
  • Adjust the appearance and test with your phone

Settings for Like:

Name:  Select a unique name for your Facebook Like element

URL of Facebook Page: URL of the copied from the Facebook Page

Button Size: Select between Small/Large sizes of Facebook Like Button Augmentation 

Size: Set the individual size of  Like Button item (by width and height – the aspect ratio is fixed)

Position: Set individual position of Like Button item (by x and y)

Opacity: Set opacity of Like item (by %)

Rotation: Set rotation of  Like Button item (by °)

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects Facebook Like Button item from trigger image and fixes it to screen so it will always stay at the same place, no matter how trigger image is moved

Hidden: Makes Facebook Like Button invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of the content element, mostly used for referencing inside HTML fragments

How to add a Post:
  • Copy the URL of the Facebook Post
  • Click on the Social Media button
  • Select “Embed Post”
  • Paste the URL to sections on the right – where it says “URL of Facebook Post or Video “
  • Adjust the appearance and test with your phone
Settings for Post:

Name:  Select a unique name for your Post element

URL of Facebook Post or Video: URL of the copied from the Facebook Post 

Size: Set individual size of Post item (by width and height – the aspect ratio is fixed)

Position: Set individual position of Post item (by x and y)

Opacity: Set opacity of Post item (by %)

Rotation: Set rotation of Post item (by °)

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects Post item from trigger image and fixes it to screen so it will always stay at the same place, no matter how the trigger image is moved

Hidden: Makes Post invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of the content element, mostly used for referencing inside HTML fragments

 

Show text: switch between On/Off to make the text from the Photos/Video Post be (in)visible to the user.

 

 

How to add a Page:
  • Copy the URL of the Facebook Page
  • Click on the Social Media button
  • Select “Embed Page”
  • Paste the URL to sections on the right – where it says “URL of Facebook Page “
  • Adjust the appearance and test with your phone

Settings for Page:

Name:  Select a unique name for your Page element

URL of Facebook Page: URL of the copied from the Facebook Page 

Tabs: Select Events/Messages/Timeline to be visible for the users. 

Size: Set individual size of Page item (by width and height – the aspect ratio is fixed)

Position: Set individual position of Page item (by x and y)

Opacity: Set opacity of Page item (by %)

Rotation: Set rotation of Page item (by °)

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects Page item from trigger image and fixes it to screen so it will always stay at the same place, no matter how the trigger image is moved

Hidden: Makes Page invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of the content element, mostly used for referencing inside HTML fragments

Use Small Header: switch between On/Off to make the header size small/normal to be (in)visible to the user.

Use Small Header: switch between On/Off to make the cover be (in)visible to the user.

How to add a Group:
  • Copy the URL of the Facebook Group
  • Click on the Social Media button
  • Select “Embed Group”
  • Paste the URL to sections on the right – where it says “URL of Facebook Group “
  • Adjust the appearance and test with your phone

 

Settings for Group:

Name:  Select a unique name for your Group element

URL of Facebook Group: URL of the copied from the Facebook Group 

Skin: Select the Skin between Light/Dark modes

Size: Set individual size of Group item (by width and height – the aspect ratio is fixed)

Position: Set individual position of Group item (by x and y)

Opacity: Set opacity of Group item (by %)

Rotation: Set rotation of Group item (by °)

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects Group item from trigger image and fixes it to screen so it will always stay at the same place, no matter how the trigger image is moved

Hidden: Makes Group invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of the content element, mostly used for referencing inside HTML fragments

 

Include Social Context: show the number of friends who are members of this group

Include Metadata: show other metadata about the group, for example the description

TWITTER

To insert the Twitter button first you need to select what type of social content you want to use. 

Currently, there are four options: Embed Tweet / Embed Timeline / Embed Tweet Button / Embed Follow Button

 Below you will find a detailed overview of these options.https://www.youtube.com/watch?reload=9&v=VO_1AdYRGW8

How to add a Tweet:
  • Copy the URL of the tweet
  • Click on the Social Media button
  • Select “Embed Tweet”
  • Paste the URL in Atributes sections on the right – where it says “Tweet URL”
  • Adjust the appearance and test with your phone

Settings for Tweet:

Name:  Select a unique name for your Tweet element

Tweet URL: URL of the copied from the Twitter

Tweet Title: desired Tweet name

Size: Set individual size of Tweet item (by width and height – the aspect ratio is fixed)

Position: Set individual position of Tweet item (by x and y)

Rotation: Set rotation of Tweet item (by °)

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects Tweet item from trigger image and fixes it to screen so it will always stay at the same place, no matter how trigger image is moved

Hidden: Makes Tweet invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of the content element, mostly used for referencing inside HTML fragments

 

Cards: Set the background color of the sound control item

Theme: Select between Light and Dark colors of the Tweet item

Link color: Set the link color of the Tweet item. 

How to add Timeline:

This step is even easier than embedding a Tweet. Here you only need to insert the Twitter profile name in the Attributes section into “Profile Name” field and click “Save” button.  

Settings for Timeline:

 

Name:  Select a unique name for your Timeline element

Profile Name: URL/ Username/ Profile Name of the copied from Twitter  (has to be one word)

Timeline Title: desired Timeline name 

Size: Set individual size of Timeline item (by width and height – the aspect ratio is fixed)

Position: Set individual position of Timeline item (by x and y)

Rotation: Set rotation of Timeline item (by °)

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects Timeline item from trigger image and fixes it to screen so it will always stays at same place, no matter how trigger image is moved

Hidden: Makes Timeline invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of the content element, mostly used for referencing inside HTML fragments

Tweet limit:  Determine the number limited of Tweets which is visible by the user.

Theme: Select between Light and Dark colors  of Timeline item

Link color: select the color of the link inside the Tweet 

Border color:  select the border color between Tweets

Show replies: switch between On/Off  to make the replies be (in)visible to the user

Chrome – no header: switch between On/Off  to make the timeline header be (in)visible to the user

Chrome – no footer: switch On/Off  to make the footer be (in)visible by the user

Chrome – no borders:  switch On/Off to make the border between tweets be (in)visible by the user. 

Chrome – transparent: On/Off transparency of the background.

How to add a Tweet Button:
  • Copy the URL of the tweet
  • Click on the Social Media button
  • Select “Embed Tweet Button”
  • Paste the URL in Atributes sections on the right – where it says “Tweet URL”
  • Adjust the appearance and test with your phone

Settings for Tweet Button:

Name:  Select a unique name for your Tweet element

Tweet URL: URL of the copied from the Twitter

Tweet Button Size: Select between Small/Large sizes of the Button 

Text: Pre-populated highlighted in the Tweet composer. (Ex. Custom share text) 

Via: Attribute the source of a Tweet to a Twitter Profile/Username

Hashtags: A comma-separated list of hashtags to be appended to default Tweet text. Don’t include hashtag sign (#). No space allowed.  

Size: Set individual size of Timeline item (by width and height – the aspect ratio is fixed)

Position: Set individual position of Timeline item (by x and y)

Rotation: Set rotation of Timeline between different content elements

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects Timeline item from trigger image and fixes it to screen so it will always stay at the same place, no matter how trigger image is moved

Hidden: Makes Timeline invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of the content element, mostly used for referencing inside HTML fragments

 

DNT: When selected, the button and its embedded page on your site are not used for purposes that include personalized suggestions and personalized ads.

How to add Follow Button:
  • Copy the URL of the tweet
  • Click on the Social Media button
  • Select “Embed Follow Button”
  • Paste the Profile Name/Username in Attributes sections on the right – where it says “Profile Name”
  • Adjust the appearance and test with your phone

 

Settings for Tweet Button:

Name:  Select a unique name for your Tweet element

Profile Name:  Type Profile Name/Username in one word (Ex. generate) Has to be a private link, no company page, etc. possible

Button Size: Select between Small/Large sizes of the Button 

Size: Set individual size of Follow Button item (by width and height – the aspect ratio is fixed)

Position: Set individual position of Follow Buttonitem (by x and y)

Rotation: Set rotation of Follow Button between different content elements

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects Timeline item from trigger image and fixes it to screen so it will always stay at the same place, no matter how trigger image is moved

Hidden: Makes Timeline invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of the content element, mostly used for referencing inside HTML fragments

 

Show Counts: Show number accounts following specified account

Show Counts: Show the username of the specified account

DNT: When selected, the button and its embedded page on your site are not used for purposes that include personalized suggestions and personalized ads.

LINKEDIN

Below you will find a detailed overview how to Embed a LinkedIn Badge

How to add a LinkedIn Badge:
  • Copy the URL of the LinkedIn Personal Profile
  • Click on the Social Media button
  • Select “Embed LinkedIn Badge”
  • Paste the URL in Attributes sections on the right – where it says “LinkedIn profile URL”
  • Adjust the appearance and test with your phone

Settings for LinkedIn Badge:

Name:  Select a unique name for your LinkedIn Badge element

LinkedIn profile URL: URL of the copied from the LinkedIn Profile

Size: Set individual size of LinkedIn Badge item (by width and height – the aspect ratio is fixed)

Position: Set individual position of LinkedIn Badge item (by x and y)

Rotation: Set rotation of LinkedIn Badge item (by °)

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects tweet item from trigger image and fixes it to screen so it will always stay at the same place, no matter how trigger image is moved

Hidden: Makes LinkedIn Badge invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of the content element, mostly used for referencing inside HTML fragments

 

Badge Type: Select the view on Badge between Vertical/Horizontal

Badge Size: Set the icon color of the tweet item

Theme: Select between Light and Dark colors of the Badge item

Close Menu
Close Panel