From c4b413d61b04245547c900d4d3e3ce46ced64ca7 Mon Sep 17 00:00:00 2001
From: Charles Iliya Krempeaux
+ We already went over three of the names the Frames Protocol uses with the HTML <meta>
element:
+
fc:frame
fc:frame:image
og:image
+ But there are other optional names, too. + We are going to look at 4 more of them: +
+fc:frame:button:1
fc:frame:button:2
fc:frame:button:3
fc:frame:button:4
+ These add buttons to a Frames Protocol application. +
++ For example, this has one button: +
+
+ <meta property="fc:frame" content="vNext" />
+ <meta property="fc:frame:image" content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+ <meta property="og:image" content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+ <meta property="fc:frame:button:1" content="the first button" />
+
+
+ Note that this looks exactly the same as the previous example, except one more HTML <meta>
element has been added to it:
+
+ <meta property="fc:frame:button:1" content="the first button" />
+
+ + Here is another example that has two buttons: +
+
+ <meta property="fc:frame" content="vNext" />
+ <meta property="fc:frame:image" content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+ <meta property="og:image" content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+ <meta property="fc:frame:button:1" content="the first button" />
+ <meta property="fc:frame:button:2" content="the second button" />
+
+
+ Again, the focus is on the fc:frame:button:*
HTML <meta>
elements:
+
+ <meta property="fc:frame:button:1" content="the first button" />
+ <meta property="fc:frame:button:2" content="the second button" />
+
+ + This example has three buttons: +
+
+ <meta property="fc:frame" content="vNext" />
+ <meta property="fc:frame:image" content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+ <meta property="og:image" content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+ <meta property="fc:frame:button:1" content="the first button" />
+ <meta property="fc:frame:button:2" content="the second button" />
+ <meta property="fc:frame:button:3" content="the third button" />
+
+
+ Focusing on the fc:frame:button:*
HTML <meta>
elements:
+
+ <meta property="fc:frame:button:1" content="the first button" />
+ <meta property="fc:frame:button:2" content="the second button" />
+ <meta property="fc:frame:button:3" content="the third button" />
+
+ + And finally, this example has four buttons: +
+
+ <meta property="fc:frame" content="vNext" />
+ <meta property="fc:frame:image" content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+ <meta property="og:image" content="/images/4aigvXF62jMY8iRzFN8x.jpeg" />
+ <meta property="fc:frame:button:1" content="the first button" />
+ <meta property="fc:frame:button:2" content="the second button" />
+ <meta property="fc:frame:button:3" content="the third button" />
+ <meta property="fc:frame:button:4" content="the forth button" />
+
+ + At the time of writing the Frames Protocol does not support more than 4 buttons. +
++ So what happens when the user presses a button‽ +
+