If your website supports Open Graph, you can drag and drop content directly from your website into your campaign within Rule and all information will be automatically retrieved instead of manually adding images, text, and links.
How to determine the tag names for Open Graph
To determine the Open Graph tag names used on your website, you can use the following methods:
Check the page source code
Open the website in your browser.
Right-click and select "View Page Source" (Inspect) or press Ctrl + U (Windows / Ubuntu) / Cmd + Option + U (Mac).
Look for og: tags for Open Graph
Use browser DevTools
Open the webpage in Google Chrome.
Press F12 or Ctrl + Shift + I (Windows / Ubuntu) / Cmd + Option + I (Mac) to open the Developer Tools.
When using Dynamic Lists (product feeds, repeated blocks, or any loop-based block), the Open Graph tag names must match the loop field structure exactly. Rule reads the OG tags and maps them into the Loop fields based on their names. If the property name differs, the data will not appear inside the loop.
Required syntax for Loop fields
Content | OG tag syntax | Loop field |
Image |
|
|
URL / Link |
|
|
Title |
|
|
Description |
|
|
Price amount |
|
|
Price currency |
|
|
Important
The tag names must match exactly for Rule to map them into the loop.
If a custom tag name is used (e.g. og:price), Rule will retrieve the page but will not map extra values into the Dynamic List block.
Only the prefixes og: and product: are supported for dynamic content.
Use third-party tools
Facebook Sharing Debugger (https://developers.facebook.com/tools/debug/), Open Graph Validator (https://orcascan.com/tools/open-graph-validator), Open Graph Checker (https://smallseotools.com/open-graph/) – check Open Graph tags.
What you need to set up internally
With the help of Open Graph tags, you can control what is retrieved from your website when a specific link is dragged into a block while creating campaigns.
Together with the person responsible for your website, make sure that your website supports Open Graph.
In case of using Open Graph, make sure that all necessary meta tags are added and contain all the required information.
Rule's requirements for structuring Open Graph tags
All Open Graph tags must start with the prefixes og: (e.g., og:title, og:image, og:url) or product: (e.g., product:price, product:brand, product:size).
Metatags with other prefixes, even if they comply with the Open Graph specification, are not used.
Examples of metatags that will not be used: music:album, video:actor, article:author, book:author.
How Rule uses standard and custom meta tags
Standard tags:
The meta tag property="og:description" is replaced with "content"
Custom tags:
The meta tag name can contain multiple words. Here is the valid syntax:
Recommended syntax:
How to use 'Drag and drop' in Rule
In the editor, the following tags are supported in standard Blocks and Layouts:
When editing your campaign and want to fetch content from your website, drag the link into the block where you want to insert the content.
Then you can correct any text that has been captured to what is desired. Of course, it is also possible to change to a different image than the one captured.