Solution for FB Instant Article TagDiv Gallery not showing

Hello, everyone.

Everton Rosario from the FB Instant Article WP plugin team at GitHub gave me this solution to fix the problem of TagDiv Slider gallery not showing on FB Instant Article. Maybe it will work for somebody else here:

You need to add some transformer rules. To do this:
1. Click on the InstantArticles menu Item (usually it stays in the left menu bar)
2. It will open the InstantArticles plugin settings page.
3. Scroll down to find the section called: “Publishing Settings”
4. Enable the checkbox “Enable custom transformer rules”
5. Enter the rules within the common code as below:

{
"rules":
[{
"class" : "IgnoreRule",
"selector": "div.td-gallery-slide-top"
},
{
"class" : "IgnoreRule",
"selector": "style"
},
{
"class" : "IgnoreRule",
"selector": "div.td-button"
},
{
"class" : "PassThroughRule",
"selector": "div.td-doubleSlider-1"
},
{
"class" : "PassThroughRule",
"selector": "div.td-slide-on-2-columns"
},
{
"class" : "PassThroughRule",
"selector": "div.td-doubleSlider-2"
},
{
"class" : "PassThroughRule",
"selector": "div.td-slider"
},
{
"class" : "PassThroughRule",
"selector": "div.td-slide-item"
},
{
"class": "SlideshowRule",
"selector" : "div.post_td_gallery"
},
{
"class": "SlideshowImageRule",
"selector" : "div.td-slide-item",
"properties" : {
"image.url" : {
"type" : "string",
"selector" : "a.slide-gallery-image-link",
"attribute": "href"
},
"caption.title" : {
"type" : "string",
"selector" : "div.td-gallery-slide-copywrite"
}
}
}
]
}

And that did the trick. Have a nice day.

• This topic was modified 10 years by Bogdan B..

Thanks for this tip. I’m sure you already were able to tweak the FB IA plugin to process normal posts – any tips on that one? Mine always comes up with the body empty. Not sure what ignoreRule or passThroughRule to use for normal posts. Thanks in advance.