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.
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.