Set transformer – Rule (Instagram) ?

Replies: 0

Hi,
Please could you tell me how to set the instagram transformer to ‘make embed instragram post’ work within Facebook Instant Article and the exact Properties because I’m certainly doing something wrong?
I saw this page

Though I set:
Selector -> blockquote.instagram-media
Rule -> InteractiveRule
Properties ->

{
	"interactive.iframe": {
		"type": "multiple",
		"children": [{
			"type": "element",
			"selector": "blockquote"
		}, {
			"type": "next-sibling-element-of",
			"selector": "blockquote"
		}]
	}
}

I still have problem on

Avertissements générale:Tag svg invalid
Avertissements générale: Tag g invalid
Avertissements générale: Tag g invalid
Avertissements générale: Tag g invalid
Avertissements générale: Tag path invalid

for
<figure class="op-interactive"><iframe><blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/B0kxeaSAjkO/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/B0kxeaSAjkO/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">......

Please can you help?