質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Twitter

Twitterは、140文字以内の「ツイート」と呼ばれる短文を投稿できるサービスです。Twitter上のほぼ全ての機能に対応するAPIが存在し、その関連サービスが多く公開されています。

Q&A

解決済

2回答

432閲覧

application.html.erbで条件分岐 twitter cardを使いたい

dossy

総合スコア109

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Twitter

Twitterは、140文字以内の「ツイート」と呼ばれる短文を投稿できるサービスです。Twitter上のほぼ全ての機能に対応するAPIが存在し、その関連サービスが多く公開されています。

0グッド

0クリップ

投稿2019/04/04 08:09

railsでtwitter card を作ろうとしてます。
その記述をheadに書かないといけないのですが、

railsはapplication.html.erbのheadに書くべきだと思うのです。(普通は)
ただ、今回create actionが発火した時に、<head>の中身を条件分岐で変えたいと思っています。

create.html.erbのheadにこの記述を書いたのですが、twitter cardが作用してくれないんです。どうやら、application.html.erbに書かなければ動かないんじゃ無いかと思いました。

なので、application.html.erbに条件分岐を書いたのですが、そもそもcontrollerから情報が送られて来て無いので条件分岐ができない。

八方塞がりです。

どうすれば、うまく行くか教えていただきたいです。

ーーーーーーーーーーーーーーーーーーーーーーーーーーー
applicationでインスタンス変数を使うということは、すべてのアクションでこのインスタンス変数を意識しなければならないことになるので、あまりいいやり方では無いということはわかっています。最終これを行おうかなと考えていますが、別解があればお願いします。
以下は、application.html.erb

<head> <title>I</title> <%= csrf_meta_tags %> <%= csp_meta_tag %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> <meta name="twitter:card" content="summary_large_image" /> <meta property="og:title" content="ikemen" /> <%if @page != nil %> <% case @pages.params_id%> <% when 2 then %> <meta property="og:image" content="https://ikemenquestions.herokuapp.com/assets/danbo-46c26031aa0cb15b1026d3f5c4c9685829b8012a9b152b431549e4d5a49c65f9.png" /> <% when 3 then %> <meta property="og:image" content="https://ikemenquestions.herokuapp.com/assets/danbo2-53e77ee200c3b77d6b3970e87e4298bce66ce804c485d0f838a26c3885ef0135.jpg" /> <% when 4 then %> <meta property="og:image" content="https://ikemenquestions.herokuapp.com/assets/blackman-237afb020b63d9a50b4ac81caa36c05d38804baeadf019044f341c835abd73cc.png" /> <% when 5 then %> <meta property="og:image" content="https://ikemenquestions.herokuapp.com/assets/danbo2-53e77ee200c3b77d6b3970e87e4298bce66ce804c485d0f838a26c3885ef0135.jpg" /> <% else %> <%end %> <% else %> <meta property="og:image" content="https://saruwakakun.com/wp-content/uploads/2016/11/IMG_9160.jpeg" /> <% end %> </head>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

ありがとうございます。
上記で教えていただいたことを試しましたが、うまく行きませんでした。
おそらく仕様かと。
条件分岐や複数の画像を登録することはできないのかもしれないですね。

投稿2019/04/23 11:22

dossy

総合スコア109

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

レイアウトを無効化してapplication.html.erbを読み込ませない

ruby

1def create 2 render layout: false 3end

もしくは、twitter card用のレイアウトを作成する

ruby

1def create 2 @page = 1 3 render layout: "twitter_card" 4end

erb

1<!DOCTYPE html> 2<%# 3app/views/layouts/twitter_card.html.erb 4%> 5<html> 6 <head> 7<title>I</title> 8 <%= csrf_meta_tags %> 9 <%= csp_meta_tag %> 10 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 11 <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 12 <meta name="twitter:card" content="summary_large_image" /> 13 <meta property="og:title" content="ikemen" /> 14 15 <%if @page != nil %> 16 <% case @pages.params_id%> 17 <% when 2 then %> 18 <meta property="og:image" content="https://ikemenquestions.herokuapp.com/assets/danbo-46c26031aa0cb15b1026d3f5c4c9685829b8012a9b152b431549e4d5a49c65f9.png" /> 19 <% when 3 then %> 20 <meta property="og:image" content="https://ikemenquestions.herokuapp.com/assets/danbo2-53e77ee200c3b77d6b3970e87e4298bce66ce804c485d0f838a26c3885ef0135.jpg" /> 21 <% when 4 then %> 22 <meta property="og:image" content="https://ikemenquestions.herokuapp.com/assets/blackman-237afb020b63d9a50b4ac81caa36c05d38804baeadf019044f341c835abd73cc.png" /> 23 <% when 5 then %> 24 <meta property="og:image" content="https://ikemenquestions.herokuapp.com/assets/danbo2-53e77ee200c3b77d6b3970e87e4298bce66ce804c485d0f838a26c3885ef0135.jpg" /> 25 <% else %> 26 <%end %> 27 <% else %> 28 <meta property="og:image" content="https://saruwakakun.com/wp-content/uploads/2016/11/IMG_9160.jpeg" /> 29 <% end %> 30 31 </head> 32 <body> 33 <%= yield %> 34 </body> 35</html>

などというのはどうでしょうか?

投稿2019/04/04 10:27

asm

総合スコア15147

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

dossy

2019/04/10 03:55

def create @page = 1 render layout: "twitter_card" end この感じで行ったんですが、うまく行きませんでした。 検証ツールで見てみると、headの中身は条件分岐できているようでした。 ですが、card自体には反映されなかったです。
dossy

2019/04/10 03:56

やっぱり、applicationに書かないと反映されないのでしょうか?(そんな仕様ある??) applicationを経由しないで、twitterを経由させるとmeta tagが反映してくれないのでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問