Navigation

    APPDRAG Community

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular

    REMINDER

    Please be respectful of all AppDragers! Keep it really civil so that we can make the AppDrag community of builders as embracing, positive and inspiring as possible.

    Twitter Cards not working?

    Cloud CMS (Pagebuilder, Blog, Shop, Newsletters, Code Editor)
    2
    18
    957
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Wassim
      Wassim last edited by

      Hi,
      No updates yet, I'll move it at higher priority in our list 🙂

      1 Reply Last reply Reply Quote 0
      • Daniel Mulroy
        Daniel Mulroy last edited by

        @Wassim Question:

        If this is going to be more than a few days, could I add the appropriate meta tags myself with jQuery at 'runtime'? Do you think that would work for Twitter when they try to pre-load the page? I'm not sure they actually run the scripts on the page or (more likely) just check the meta tags without running the JS...

        1 Reply Last reply Reply Quote 0
        • Wassim
          Wassim last edited by

          Nope, don't think it will work.
          I fixed the share link (will be live next update) and metas is the next task I will do

          1 Reply Last reply Reply Quote 0
          • Wassim
            Wassim last edited by

            @Daniel-Mulroy added the different settings for Twitter Cards in the SEO tab in page configuration.

            1 Reply Last reply Reply Quote 2
            • Daniel Mulroy
              Daniel Mulroy last edited by Daniel Mulroy

              Thanks @Wassim !

              I found the settings, it seems like I can set it for the actual page correctly: (example here is the list of blogs entries)

              But how do I get to the SEO tab for the articles themselves? We need the Twitter cards to render correctly when sharing a blog entry.
              Screen Shot 2020-12-16 at 1.40.28 PM.png

              Maybe it would it be easy to add those settings here? I'm not sure where you'd put them in Pagebuilder.

              Screen Shot 2020-12-16 at 1.35.58 PM.png

              1 Reply Last reply Reply Quote 0
              • Wassim
                Wassim last edited by

                Well you can't set the og for each article, but you can configure it to use the blog variables in the Pagebuilder itself.

                Open the page configuration on any page then open the blog article page.

                4e4d5548-5afa-4d80-b90f-fbd2a3b8e222-image.png

                Then you can use the same variables you see for Twitter.

                1 Reply Last reply Reply Quote 0
                • Daniel Mulroy
                  Daniel Mulroy last edited by

                  Hi Wassim,

                  Thank you, it wasn't intuitive to get to the settings page for the blog article page, but I found it, and it's working on Twitter!

                  However, I'm missing the field for the description.

                  From https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image :

                  Example:

                  <meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.">
                  

                  Can you add it? (or copy the existing tag from the og description and re-use that?

                  1 Reply Last reply Reply Quote 0
                  • Wassim
                    Wassim last edited by

                    Hi Daniel,

                    Glad it works for you!

                    When I tried it the og:description worked that's why I didn't add the twitter:description, doesn't it?

                    If really needed I can add it today, let me know.

                    1 Reply Last reply Reply Quote 0
                    • Daniel Mulroy
                      Daniel Mulroy last edited by

                      This is what I get why I try to test a blog page on twitter's card validator.

                      Screen Shot 2020-12-18 at 3.53.22 PM.png

                      Daniel Mulroy 1 Reply Last reply Reply Quote 0
                      • Daniel Mulroy
                        Daniel Mulroy @Daniel Mulroy last edited by

                        @Daniel-Mulroy Hi Wassim,

                        Sorry I didn't get back to you sooner, but no, I'm still not getting the descriptions properly in the Twitter card.

                        Here's an example of a different blog which features the description:
                        Screen Shot 2021-01-06 at 5.04.50 PM.png

                        1 Reply Last reply Reply Quote 0
                        • Daniel Mulroy
                          Daniel Mulroy last edited by

                          Also, it looks like the OG: Title and OG: Description don't save when editing the SEO/Meta properties appdrag-blog-detail-article-config page.

                          I've gone through and set them twice, they are gone if I refresh the page.

                          1 Reply Last reply Reply Quote 0
                          • Wassim
                            Wassim last edited by

                            Hi,
                            OG: Title and OG:Description are now set automatically on the blog and shop detail pages. Please save them again and it should be good for your cards.

                            1 Reply Last reply Reply Quote 1
                            • Daniel Mulroy
                              Daniel Mulroy last edited by

                              Bravo! 🤙 😊
                              Screen Shot 2021-01-08 at 6.03.42 PM.png

                              1 Reply Last reply Reply Quote 0
                              • First post
                                Last post